<html>

<head></head>

<body cz-shortcut-listen="true" style="cursor: auto;background:rgb(246, 246, 246) none repeat scroll 0% 0% / auto padding-box border-box;--framer-will-change-filter-override: none;--framer-will-change-override: none;--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421: #038262;--token-a19123a6-a6c4-4232-864a-177823ebf1af: #9acf8b;--token-1384b6e1-deed-4c52-97a2-6288662a1872: #f6f6f6;--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33: #fefefe;--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368: #30403e;--token-a586f71a-f796-45dc-8afa-324d9a615aec: #333;--token-c80ed640-6433-40de-bde8-cf4c6e031b2e: #465150;--token-caa34b35-b7ae-447a-a57b-7fa1c5fa0c08: #465150b3;--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc: #666;--token-8f7c8339-3751-4ea7-bc67-154cc8cdf447: #f6f6f6cc;--token-c27d000c-dad0-4f24-8c0e-33ea23381af3: #9acf8b33;--token-c2be3a8e-c9cd-4b1e-af06-b4b990d9454c: #9acf8b99;--token-a8877166-f15f-4c25-95e0-7da3a66f10fc: #181d27;--token-bf2a8614-6a26-4738-a404-211eb2cf9d42: #000;--token-aaccb858-f647-4729-9de2-357dadce6bc1: #f7f7f7;font-family:sans-serif;font-size:12px;box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0px;padding:0px;">
    <!-- Start of bodyStart -->
    <!-- End of bodyStart -->
    <div data-framer-hydrate-v2="{&quot;routeId&quot;:&quot;augiA20Il&quot;,&quot;localeId&quot;:&quot;default&quot;,&quot;breakpoints&quot;:[{&quot;hash&quot;:&quot;72rtr7&quot;,&quot;mediaQuery&quot;:&quot;(min-width: 1360px)&quot;},{&quot;hash&quot;:&quot;1lcczd9&quot;,&quot;mediaQuery&quot;:&quot;(min-width: 810px) and (max-width: 1359.98px)&quot;},{&quot;hash&quot;:&quot;ifff5e&quot;,&quot;mediaQuery&quot;:&quot;(max-width: 809.98px)&quot;},{&quot;hash&quot;:&quot;jo4gvm&quot;,&quot;mediaQuery&quot;:&quot;(min-width: 1360px)&quot;},{&quot;hash&quot;:&quot;cahtbo&quot;,&quot;mediaQuery&quot;:&quot;(min-width: 810px) and (max-width: 1359.98px)&quot;},{&quot;hash&quot;:&quot;fpvpio&quot;,&quot;mediaQuery&quot;:&quot;(max-width: 809.98px)&quot;}]}" data-framer-ssr-released-at="2026-04-02T13:10:39.387Z" data-framer-page-optimized-at="2026-04-05T06:59:51.846Z" data-framer-generated-page="" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0px;padding:0px;">
        <div data-layout-template="true" style="min-height: 100vh; width: auto;width: auto;background-color:rgb(246, 246, 246);height:12084.7px;overflow:clip;flex-flow:column nowrap;place-content:center flex-start;align-items:center;gap:0px;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
            <header data-framer-layout-hint-center-x="true" data-framer-name="Header" style="transform: translateX(-50%);z-index:10;flex-flow:column nowrap;flex: 0 0 auto;order:-1000;place-content:center;align-items:center;gap:10px;width: 100%;height:88px;padding:16px 30px 0px;display:flex;position:absolute;top:0px;left:952.5px;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                <div style="flex: 0 0 auto;width: 100%;max-width:1300px;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <nav data-framer-name="Large Menu" data-hide-scrollbars="true" style="--border-bottom-width: 0px; --border-color: rgba(0, 0, 0, 0); --border-left-width: 0px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0px; background-color: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)); max-width: 100%; width: 100%; border-radius: 10px; opacity: 1;--border-color: rgba(0, 0, 0, 0);--border-left-width: 0px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0px;background-color:rgb(254, 254, 254);max-width:100%;width: 100%;border-radius:10px;opacity:1;scrollbar-width:none;flex-flow:row nowrap;place-content:center space-between;align-items:center;height:72px;padding:12px 24px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <div data-framer-name="Name" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:20px;width: min-content;height:33.9844px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Logo and Name" href="./" data-framer-page-link-current="true" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:20px;width: min-content;height:33.9844px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Logo" style="opacity: 1;aspect-ratio:2.94118 / 1;height:33.9844px;flex: 0 0 auto;width: 100px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="100" height="34" src="https://framerusercontent.com/images/89leggXpJNAHHsML3p6yrIgimw.svg?width=100&amp;height=34" alt="Logo" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: contain;width: 100%;height:33.9844px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:contain;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                </div>
                            </a></div>
                        <div data-framer-name="Menu Wrapper" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:64px;width: min-content;height:24px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div data-framer-name="Links" style="--border-bottom-width: 0px; --border-color: rgba(0, 0, 0, 0); --border-left-width: 0px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0px; opacity: 1;--border-color: rgba(0, 0, 0, 0);--border-left-width: 0px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0px;opacity:1;cursor:pointer;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:40px;width: min-content;height:24px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Menu Link" href="./" data-framer-page-link-current="true" style="opacity: 1;cursor:pointer;flex-flow:row nowrap;place-content:center;align-items:center;gap:10px;width: min-content;height:24px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Home" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;position:relative;user-select:none;white-space:pre;flex: 0 0 auto;width: auto;height: auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <p data-styles-preset="hhLrMaEVZ" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 600;--framer-font-weight-bold: 900;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(70, 81, 80);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(70, 81, 80);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(70, 81, 80);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Home</p>
                                        </div>
                                        <div data-framer-name="Line" style="background-color: var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98)); opacity: 1;opacity:1;z-index:1;flex: 0 0 auto;width: 1px;height:1px;position:absolute;bottom:0px;left:-10px;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                    </a></div>
                                <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Menu Link" href="./#service" style="opacity: 1;cursor:pointer;flex-flow:row nowrap;place-content:center;align-items:center;gap:10px;width: min-content;height:24px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Home" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;position:relative;user-select:none;white-space:pre;flex: 0 0 auto;width: auto;height: auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <p data-styles-preset="hhLrMaEVZ" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 600;--framer-font-weight-bold: 900;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(70, 81, 80);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(70, 81, 80);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(70, 81, 80);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Services</p>
                                        </div>
                                        <div data-framer-name="Line" style="background-color: var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98)); opacity: 1;opacity:1;z-index:1;flex: 0 0 auto;width: 1px;height:1px;position:absolute;bottom:0px;left:-10px;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                    </a></div>
                                <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Closed" data-highlight="true" style="opacity: 1;flex-flow:row nowrap;place-content:center;align-items:center;gap:4px;width: min-content;height:24px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;user-select:none;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <p data-styles-preset="hhLrMaEVZ" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 600;--framer-font-weight-bold: 900;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(70, 81, 80);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(70, 81, 80);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(70, 81, 80);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Essentials</p>
                                        </div>
                                        <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Closed" data-highlight="true" tabindex="0" style="opacity: 1;cursor:pointer;gap:2px;width: 14px;height:14px;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Frame" style="transform: none; opacity: 1;opacity:1;flex: 0 0 auto;width: 14px;height:14px;position:absolute;top:0px;left:0px;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-component-type="SVG" data-framer-name="Icon" aria-hidden="true" style="image-rendering: pixelated; flex-shrink: 0; opacity: 1;flex-shrink:0;opacity:1;flex: 0 0 auto;width: 14px;height:14px;position:absolute;top:0px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div style="width: 100%; height: 100%; aspect-ratio: inherit;height:14px;aspect-ratio:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg style="width:100%;height:100%;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <use href="#svg9856076154" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></use>
                                                            </svg></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Menu Link" href="./#contact" style="opacity: 1;cursor:pointer;flex-flow:row nowrap;place-content:center;align-items:center;gap:10px;width: min-content;height:24px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Home" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;position:relative;user-select:none;white-space:pre;flex: 0 0 auto;width: auto;height: auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <p data-styles-preset="hhLrMaEVZ" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 600;--framer-font-weight-bold: 900;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(70, 81, 80);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(70, 81, 80);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(70, 81, 80);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Contact</p>
                                        </div>
                                        <div data-framer-name="Line" style="background-color: var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98)); opacity: 1;opacity:1;z-index:1;flex: 0 0 auto;width: 1px;height:1px;position:absolute;bottom:0px;left:-10px;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                    </a></div>
                            </div>
                        </div>
                        <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Button" href="./#contact" style="background-color: var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98)); border-radius: 32px; opacity: 1;border-radius:32px;opacity:1;cursor:pointer;height:48px;overflow:clip;will-change:auto;flex-flow:column nowrap;place-content:center;align-items:center;gap:8px;width: min-content;padding:12px 24px;text-decoration:none;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Button" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)); --framer-paragraph-spacing: 0px; transform: translateX(-50%); opacity: 1;--framer-paragraph-spacing: 0px;transform:matrix(1, 0, 0, 1, -45.6797, 0);opacity:1;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:absolute;top:-50px;left:68.2812px;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <p data-styles-preset="piAt1SZ3_" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(254, 254, 254);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(254, 254, 254);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(254, 254, 254);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Start Project</p>
                                </div>
                                <div data-framer-name="Button" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <p data-styles-preset="piAt1SZ3_" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(254, 254, 254);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(254, 254, 254);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(254, 254, 254);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Start Project</p>
                                </div>
                            </a></div>
                    </nav>
                </div>
            </header>
            <div data-framer-root="" style="min-height: 100vh; width: auto; display: contents;width: auto;display:contents;background-color:rgb(246, 246, 246);height:min-content;overflow:clip;flex-flow:column nowrap;place-content:center flex-start;align-items:center;gap:0px;padding:0px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                <div style="flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <div style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                </div>
                <section data-framer-name="Hero Section" style="flex-flow:column nowrap;place-content:center;align-items:center;gap:80px;width: 100%;height:1465.42px;padding:150px 0px 0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <div data-framer-name="Container" style="flex-flow:column nowrap;place-content:center;align-items:center;gap:10px;width: 100%;max-width:1300px;height:367.188px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <div data-framer-name="Content" style="flex-flow:column nowrap;place-content:center;align-items:center;gap:32px;width: 100%;height:367.188px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div data-framer-name="Top Content Wrapper" style="flex-flow:column nowrap;place-content:center;align-items:center;gap:32px;width: 100%;height:367.188px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Top Content" style="flex-flow:row nowrap;place-content:flex-end space-between;align-items:flex-end;width: 100%;height:143.188px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Text Wrapper" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start center;align-items:flex-start;gap:36px;width: 1px;max-width:514px;height:143.188px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Location" style="height:46px;overflow:clip;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start center;align-items:flex-start;gap:4px;width: 100%;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-component-type="RichTextContainer" style="transform: none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="MuvEza4Eb" style="--framer-text-alignment: left; --framer-text-color: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102));--framer-text-color: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(102, 102, 102);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:21px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">30.4028°N 80.0262°W</p>
                                            </div>
                                            <div data-framer-component-type="RichTextContainer" style="transform: none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="MuvEza4Eb" style="--framer-text-alignment: left; --framer-text-color: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102));--framer-text-color: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(102, 102, 102);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:21px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">New York/ USA</p>
                                            </div>
                                        </div>
                                        <div data-framer-component-type="RichTextContainer" style="transform: none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <p data-styles-preset="cxrER54O1" style="--framer-text-alignment: left; --framer-text-color: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102));--framer-text-color: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(102, 102, 102);font-size:18px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:30.6px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">We merge design and technology to build brands that move fast. From concept to launch, every detail is crafted with purpose.</p>
                                        </div>
                                    </div>
                                    <div data-framer-name="Facts Wrapper" style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:12px;width: 1px;max-width:400px;height:132px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div style="flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-border="true" data-framer-name="Fact Item Hero" style="--border-bottom-width: 1px; --border-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139)); --border-left-width: 0px; --border-right-width: 0px; --border-style: dashed; --border-top-width: 0px; width: 100%; opacity: 1;--border-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139));--border-left-width: 0px;--border-right-width: 0px;--border-style: dashed;--border-top-width: 0px;width: 100%;opacity:1;flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:20px;height:36px;padding:0px 0px 12px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Brand Identity" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-text-color: var(--extracted-r6o4lv, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(48, 64, 62);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Years of Experience</p>
                                                </div>
                                                <div data-framer-name="10+" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p data-styles-preset="piAt1SZ3_" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(102, 102, 102);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">10+</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div style="flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-border="true" data-framer-name="Fact Item Hero" style="--border-bottom-width: 1px; --border-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139)); --border-left-width: 0px; --border-right-width: 0px; --border-style: dashed; --border-top-width: 0px; width: 100%; opacity: 1;--border-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139));--border-left-width: 0px;--border-right-width: 0px;--border-style: dashed;--border-top-width: 0px;width: 100%;opacity:1;flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:20px;height:36px;padding:0px 0px 12px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Brand Identity" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-text-color: var(--extracted-r6o4lv, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(48, 64, 62);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Happy Clients</p>
                                                </div>
                                                <div data-framer-name="10+" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p data-styles-preset="piAt1SZ3_" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(102, 102, 102);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">1.2K+</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div style="flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-border="true" data-framer-name="Fact Item Hero" style="--border-bottom-width: 1px; --border-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139)); --border-left-width: 0px; --border-right-width: 0px; --border-style: dashed; --border-top-width: 0px; width: 100%; opacity: 1;--border-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139));--border-left-width: 0px;--border-right-width: 0px;--border-style: dashed;--border-top-width: 0px;width: 100%;opacity:1;flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:20px;height:36px;padding:0px 0px 12px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Brand Identity" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-text-color: var(--extracted-r6o4lv, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(48, 64, 62);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Client Satisfaction</p>
                                                </div>
                                                <div data-framer-name="10+" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p data-styles-preset="piAt1SZ3_" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(102, 102, 102);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">99%</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div data-framer-name="Title" style="flex-flow:column nowrap;place-content:flex-start;align-items:flex-start;gap:32px;width: 100%;height:192px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Long heading is what you see here in this header section" data-framer-component-type="RichTextContainer" style="transform: none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;z-index:10;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <h1 data-styles-preset="wbcmiP7AZ" style="--framer-text-alignment: center; --framer-text-color: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62));--framer-text-color: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 188px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 700;--framer-font-weight-bold: 900;--framer-letter-spacing: 0px;--framer-line-height: 192px;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:700;color:rgb(48, 64, 62);font-size:188px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:192px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><span style="white-space: nowrap;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><span style="display: inline-block; opacity: 1; filter: blur(0px); transform: none; will-change: transform;opacity:1;filter:blur(0px);transform:none;will-change:transform;box-sizing:border-box;-webkit-font-smoothing:antialiased;">K</span><span style="display: inline-block; opacity: 1; filter: blur(0px); transform: none; will-change: transform;opacity:1;filter:blur(0px);transform:none;will-change:transform;box-sizing:border-box;-webkit-font-smoothing:antialiased;">r</span><span style="display: inline-block; opacity: 1; filter: blur(0px); transform: none; will-change: transform;opacity:1;filter:blur(0px);transform:none;will-change:transform;box-sizing:border-box;-webkit-font-smoothing:antialiased;">a</span><span style="display: inline-block; opacity: 1; filter: blur(0px); transform: none; will-change: transform;opacity:1;filter:blur(0px);transform:none;will-change:transform;box-sizing:border-box;-webkit-font-smoothing:antialiased;">f</span><span style="display: inline-block; opacity: 1; filter: blur(0px); transform: none; will-change: transform;opacity:1;filter:blur(0px);transform:none;will-change:transform;box-sizing:border-box;-webkit-font-smoothing:antialiased;">t</span><span style="display: inline-block; opacity: 1; filter: blur(0px); transform: none; will-change: transform;opacity:1;filter:blur(0px);transform:none;will-change:transform;box-sizing:border-box;-webkit-font-smoothing:antialiased;">o</span></span> <span style="white-space: nowrap;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><span style="display: inline-block; opacity: 1; filter: blur(0px); transform: none; will-change: transform;opacity:1;filter:blur(0px);transform:none;will-change:transform;box-sizing:border-box;-webkit-font-smoothing:antialiased;">D</span><span style="display: inline-block; opacity: 1; filter: blur(0px); transform: none; will-change: transform;opacity:1;filter:blur(0px);transform:none;will-change:transform;box-sizing:border-box;-webkit-font-smoothing:antialiased;">e</span><span style="display: inline-block; opacity: 1; filter: blur(0px); transform: none; will-change: transform;opacity:1;filter:blur(0px);transform:none;will-change:transform;box-sizing:border-box;-webkit-font-smoothing:antialiased;">s</span><span style="display: inline-block; opacity: 1; filter: blur(0px); transform: none; will-change: transform;opacity:1;filter:blur(0px);transform:none;will-change:transform;box-sizing:border-box;-webkit-font-smoothing:antialiased;">i</span><span style="display: inline-block; opacity: 1; filter: blur(0px); transform: none; will-change: transform;opacity:1;filter:blur(0px);transform:none;will-change:transform;box-sizing:border-box;-webkit-font-smoothing:antialiased;">g</span><span style="display: inline-block; opacity: 1; filter: blur(0px); transform: none; will-change: transform;opacity:1;filter:blur(0px);transform:none;will-change:transform;box-sizing:border-box;-webkit-font-smoothing:antialiased;">n</span></span> <span style="white-space: nowrap;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></span></h1>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div data-framer-name="Image Wrapper" style="max-width:1600px;height:868.234px;overflow:clip;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:30px;width: 100%;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <div style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;aspect-ratio:1.84282 / 1;height:868.234px;overflow:clip;flex:1 0 0px;width: 1px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="2880" height="1476" sizes="max(min(100vw, 1600px), 1px)" srcset="https://framerusercontent.com/images/ifONG8zIC258Vp99b4f8V1f9ks.jpg?scale-down-to=512&amp;width=2880&amp;height=1476 512w,https://framerusercontent.com/images/ifONG8zIC258Vp99b4f8V1f9ks.jpg?scale-down-to=1024&amp;width=2880&amp;height=1476 1024w,https://framerusercontent.com/images/ifONG8zIC258Vp99b4f8V1f9ks.jpg?scale-down-to=2048&amp;width=2880&amp;height=1476 2048w,https://framerusercontent.com/images/ifONG8zIC258Vp99b4f8V1f9ks.jpg?width=2880&amp;height=1476 2880w" src="https://framerusercontent.com/images/ifONG8zIC258Vp99b4f8V1f9ks.jpg?width=2880&amp;height=1476" alt="" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center top; object-fit: cover;width: 100%;height:868.234px;border-radius:0px;corner-shape:round;object-position:50% 0%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                        </div>
                    </div>
                </section>
                <section data-framer-name="Client Section" style="flex-flow:column nowrap;place-content:center;align-items:center;gap:0px;width: 100%;height:427px;padding:130px 30px 65px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <div data-framer-name="Container" style="flex-flow:column nowrap;place-content:center;align-items:center;gap:10px;width: 100%;max-width:1300px;height:232px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <div data-framer-name="Content" style="flex-flow:column nowrap;place-content:center;align-items:center;gap:80px;width: 100%;height:232px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div data-framer-name="Title Wrapper" style="flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:20px;width: 100%;height:112px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Title" style="flex-flow:column nowrap;place-content:flex-start center;align-items:flex-start;gap:16px;width: 1px;height:112px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Section Title" style="opacity: 1;flex-flow:row nowrap;place-content:flex-start;align-items:flex-start;gap:4px;width: min-content;height:24px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="e1A1QVbW6" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(102, 102, 102);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">01</p>
                                            </div>
                                            <div data-framer-name="|" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="e1A1QVbW6" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(3, 130, 98);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(3, 130, 98);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(3, 130, 98);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">|</p>
                                            </div>
                                            <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="piAt1SZ3_" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(48, 64, 62);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Clients</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div data-framer-component-type="RichTextContainer" style="transform: none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <h2 data-styles-preset="dKDH__IPF" style="--framer-text-alignment: left; --framer-text-color: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62));--framer-text-color: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 72px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -4.3px;--framer-line-height: 72px;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(48, 64, 62);font-size:72px;letter-spacing:-4.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:72px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Our Partners</h2>
                                    </div>
                                </div>
                                <div data-framer-component-type="RichTextContainer" style="transform: none;--framer-paragraph-spacing: 0px;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <h5 data-styles-preset="ARTcp12Lm" style="--framer-text-color: var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 36px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -2px;--framer-line-height: 125%;--framer-paragraph-spacing: 0px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(70, 81, 80);font-size:36px;letter-spacing:-2px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(70, 81, 80);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:45px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(70, 81, 80);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">©2017-25</h5>
                                </div>
                            </div>
                            <div style="overflow-x: clip; display: flex; position: relative;display:flex;position:relative;height:40px;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:80px;width: 100%;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <ul role="group" style="display: flex; position: relative; list-style-type: none; padding: 0px; margin: 0px; justify-content: flex-start; flex-direction: row; gap: 80px; opacity: 1; align-items: center; width: 100%; height: 100%; max-height: 100%; max-width: 100%; transform: translateX(-88.86px);position:relative;list-style-type:none;padding:0px;margin:0px;justify-content:flex-start;flex-direction:row;gap:80px;opacity:1;align-items:center;width: 100%;height:40px;max-height:100%;max-width:100%;transform:matrix(1, 0, 0, 1, -88.86, 0);box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <li aria-hidden="false" aria-posinset="1" aria-setsize="5" style="flex-grow: 0; flex-shrink: 0; position: relative; height: fit-content; width: fit-content; transform: none;flex-shrink:0;position:relative;height:40px;width: fit-content;transform:none;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Brand" style="height:40px;overflow:clip;will-change:auto;flex: 0 0 auto;width: 137px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="137" height="40" src="https://framerusercontent.com/images/mptdvvAvnFjA7b6pqsUpOnmkg.svg?width=137&amp;height=40" alt="" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:40px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                        </div>
                                    </li>
                                    <li aria-hidden="false" aria-posinset="2" aria-setsize="5" style="flex-grow: 0; flex-shrink: 0; position: relative; height: fit-content; width: fit-content; transform: none;flex-shrink:0;position:relative;height:40px;width: fit-content;transform:none;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Brand" style="height:40px;overflow:clip;will-change:auto;flex: 0 0 auto;width: 153px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="153" height="40" src="https://framerusercontent.com/images/VdpSdUWe4ZJujx3DoEHqLryuNE.svg?width=153&amp;height=40" alt="" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:40px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                        </div>
                                    </li>
                                    <li aria-hidden="false" aria-posinset="3" aria-setsize="5" style="flex-grow: 0; flex-shrink: 0; position: relative; height: fit-content; width: fit-content; transform: none;flex-shrink:0;position:relative;height:40px;width: fit-content;transform:none;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Brand" style="height:40px;overflow:clip;will-change:auto;flex: 0 0 auto;width: 145px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="145" height="40" src="https://framerusercontent.com/images/N3TRyEaYBWnfjE2AQS1CsNqYjA.svg?width=145&amp;height=40" alt="" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:40px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                        </div>
                                    </li>
                                    <li aria-hidden="false" aria-posinset="4" aria-setsize="5" style="flex-grow: 0; flex-shrink: 0; position: relative; height: fit-content; width: fit-content; transform: none;flex-shrink:0;position:relative;height:40px;width: fit-content;transform:none;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Brand" style="height:40px;overflow:clip;will-change:auto;flex: 0 0 auto;width: 179px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="179" height="40" src="https://framerusercontent.com/images/yEfXdONxDa6fTzhwe974lnKRW0.svg?width=179&amp;height=40" alt="" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:40px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                        </div>
                                    </li>
                                    <li aria-hidden="false" aria-posinset="5" aria-setsize="5" style="flex-grow: 0; flex-shrink: 0; position: relative; height: fit-content; width: fit-content; transform: none;flex-shrink:0;position:relative;height:40px;width: fit-content;transform:none;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Brand" style="height:40px;overflow:clip;will-change:auto;flex: 0 0 auto;width: 164px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="164" height="40" src="https://framerusercontent.com/images/IXDghdZMFuAENSLxQoL4sBBTcK0.svg?width=164&amp;height=40" alt="" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:40px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                        </div>
                                    </li>
                                    <li aria-hidden="true" style="flex-grow: 0; flex-shrink: 0; position: relative; height: fit-content; width: fit-content; transform: none;flex-shrink:0;position:relative;height:40px;width: fit-content;transform:none;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Brand" style="height:40px;overflow:clip;will-change:auto;flex: 0 0 auto;width: 137px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="137" height="40" src="https://framerusercontent.com/images/mptdvvAvnFjA7b6pqsUpOnmkg.svg?width=137&amp;height=40" alt="" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:40px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                        </div>
                                    </li>
                                    <li aria-hidden="true" style="flex-grow: 0; flex-shrink: 0; position: relative; height: fit-content; width: fit-content; transform: none;flex-shrink:0;position:relative;height:40px;width: fit-content;transform:none;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Brand" style="height:40px;overflow:clip;will-change:auto;flex: 0 0 auto;width: 153px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="153" height="40" src="https://framerusercontent.com/images/VdpSdUWe4ZJujx3DoEHqLryuNE.svg?width=153&amp;height=40" alt="" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:40px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                        </div>
                                    </li>
                                    <li aria-hidden="true" style="flex-grow: 0; flex-shrink: 0; position: relative; height: fit-content; width: fit-content; transform: none;flex-shrink:0;position:relative;height:40px;width: fit-content;transform:none;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Brand" style="height:40px;overflow:clip;will-change:auto;flex: 0 0 auto;width: 145px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="145" height="40" src="https://framerusercontent.com/images/N3TRyEaYBWnfjE2AQS1CsNqYjA.svg?width=145&amp;height=40" alt="" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:40px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                        </div>
                                    </li>
                                    <li aria-hidden="true" style="flex-grow: 0; flex-shrink: 0; position: relative; height: fit-content; width: fit-content; transform: none;flex-shrink:0;position:relative;height:40px;width: fit-content;transform:none;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Brand" style="height:40px;overflow:clip;will-change:auto;flex: 0 0 auto;width: 179px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="179" height="40" src="https://framerusercontent.com/images/yEfXdONxDa6fTzhwe974lnKRW0.svg?width=179&amp;height=40" alt="" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:40px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                        </div>
                                    </li>
                                    <li aria-hidden="true" style="flex-grow: 0; flex-shrink: 0; position: relative; height: fit-content; width: fit-content; transform: none;flex-shrink:0;position:relative;height:40px;width: fit-content;transform:none;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Brand" style="height:40px;overflow:clip;will-change:auto;flex: 0 0 auto;width: 164px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="164" height="40" src="https://framerusercontent.com/images/IXDghdZMFuAENSLxQoL4sBBTcK0.svg?width=164&amp;height=40" alt="" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:40px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </section>
                <section data-framer-name="Service Section" style="flex-flow:column nowrap;place-content:center;align-items:center;gap:0px;width: 100%;height:990px;padding:65px 30px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <div data-framer-name="Container" style="flex-flow:column nowrap;place-content:center;align-items:center;gap:10px;width: 100%;max-width:1300px;height:860px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <div data-framer-name="Content" style="flex-flow:column nowrap;place-content:center;align-items:center;gap:80px;width: 100%;height:860px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div data-framer-name="Title Wrapper" style="flex-flow:row nowrap;place-content:flex-end flex-start;align-items:flex-end;gap:20px;width: 100%;height:112px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Title" style="flex-flow:column nowrap;place-content:flex-start center;align-items:flex-start;gap:16px;width: 1px;height:112px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Section Title" style="opacity: 1;flex-flow:row nowrap;place-content:flex-start;align-items:flex-start;gap:4px;width: min-content;height:24px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="e1A1QVbW6" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(102, 102, 102);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">02</p>
                                            </div>
                                            <div data-framer-name="|" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="e1A1QVbW6" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(3, 130, 98);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(3, 130, 98);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(3, 130, 98);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">|</p>
                                            </div>
                                            <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="piAt1SZ3_" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(48, 64, 62);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Services</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div data-framer-component-type="RichTextContainer" style="transform: none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <h2 data-styles-preset="dKDH__IPF" style="--framer-text-color: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 72px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -4.3px;--framer-line-height: 72px;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(48, 64, 62);font-size:72px;letter-spacing:-4.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:72px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Our Solutions</h2>
                                    </div>
                                </div>
                                <div data-framer-component-type="RichTextContainer" style="transform: none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;max-width:341px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <p data-styles-preset="cxrER54O1" style="--framer-text-alignment: left; --framer-text-color: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102));--framer-text-color: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(102, 102, 102);font-size:18px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:30.6px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">We help brands grow with strategy, creativity, and technology.</p>
                                </div>
                            </div>
                            <div style="flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Service Tab/01" style="width: 100%; opacity: 1;opacity:1;height:668px;overflow:clip;flex-flow:column nowrap;place-content:center;align-items:center;gap:24px;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-border="true" data-framer-name="Service Card Open" data-highlight="true" tabindex="0" style="--border-bottom-width: 1px; --border-color: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); --border-left-width: 1px; --border-right-width: 1px; --border-style: dashed; --border-top-width: 1px; background-color: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)); width: 100%; border-radius: 8px; opacity: 1;--border-color: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246));--border-left-width: 1px;--border-right-width: 1px;--border-style: dashed;--border-top-width: 1px;background-color:rgb(254, 254, 254);width: 100%;border-radius:8px;opacity:1;cursor:pointer;flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:50px;height:358px;padding:30px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Text Wrapper" style="border-radius: 8px; opacity: 1;opacity:1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:36px;width: 1px;max-width:876px;height:202px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Branding &amp; Identity" data-framer-component-type="RichTextContainer" style="--extracted-a0htzi: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <h3 data-styles-preset="osUfij489" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-a0htzi, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-text-color: var(--extracted-a0htzi, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 64px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: 1px;--framer-line-height: 70px;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(48, 64, 62);font-size:64px;letter-spacing:1px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:70px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Branding &amp; Identity</h3>
                                                </div>
                                                <div data-framer-name="Text and Tags" style="opacity: 1;height:96px;overflow:clip;flex-flow:row nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:30px;width: 100%;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(102, 102, 102);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Crafting unforgettable brand identities that resonate with your audience is our specialty. Whether it's logo creation or comprehensive brand strategy, we ensure your business shines with clarity and coherence.</p>
                                                    </div>
                                                    <div data-framer-name="Tags Wrapper" style="opacity: 1;flex-flow:row wrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:12px;width: 1px;max-width:286px;height:75.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Bullet" style="background-color: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); border-radius: 32px; opacity: 1;border-radius:32px;opacity:1;flex-flow:row nowrap;place-content:center;align-items:center;gap:10px;width: min-content;height:31.7969px;padding:4px 12px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="e1A1QVbW6" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(48, 64, 62);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Interface Design</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Bullet" style="background-color: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); border-radius: 32px; opacity: 1;border-radius:32px;opacity:1;flex-flow:row nowrap;place-content:center;align-items:center;gap:10px;width: min-content;height:31.7969px;padding:4px 12px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="e1A1QVbW6" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(48, 64, 62);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">UI Design</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Bullet" style="background-color: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); border-radius: 32px; opacity: 1;border-radius:32px;opacity:1;flex-flow:row nowrap;place-content:center;align-items:center;gap:10px;width: min-content;height:31.7969px;padding:4px 12px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="e1A1QVbW6" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(48, 64, 62);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Feature Design</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Bullet" style="background-color: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); border-radius: 32px; opacity: 1;border-radius:32px;opacity:1;flex-flow:row nowrap;place-content:center;align-items:center;gap:10px;width: min-content;height:31.7969px;padding:4px 12px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="e1A1QVbW6" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(48, 64, 62);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Web Design</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div data-framer-name="Image Wrapper" style="border-radius: 8px; opacity: 1;opacity:1;height:298px;overflow:clip;will-change:auto;flex-flow:row nowrap;flex: 0 0 auto;place-content:flex-start center;align-items:flex-start;gap:30px;width: 400px;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Image" style="border-radius: 8px; opacity: 1;opacity:1;flex: 0 0 auto;width: 400px;height:298px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:8px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="1600" height="1132" sizes="400px" srcset="https://framerusercontent.com/images/OncOHBsO9ZgaAecOzaSJVEBG8.png?scale-down-to=512&amp;width=1600&amp;height=1132 512w,https://framerusercontent.com/images/OncOHBsO9ZgaAecOzaSJVEBG8.png?scale-down-to=1024&amp;width=1600&amp;height=1132 1024w,https://framerusercontent.com/images/OncOHBsO9ZgaAecOzaSJVEBG8.png?width=1600&amp;height=1132 1600w" src="https://framerusercontent.com/images/OncOHBsO9ZgaAecOzaSJVEBG8.png?width=1600&amp;height=1132" alt="" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:298px;border-radius:8px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-border="true" data-highlight="true" tabindex="0" style="--border-bottom-width: 1px; --border-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139)); --border-left-width: 1px; --border-right-width: 1px; --border-style: dashed; --border-top-width: 1px; background-color: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); width: 100%; border-radius: 8px; opacity: 1; will-change: auto;--border-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139));--border-left-width: 1px;--border-right-width: 1px;--border-style: dashed;--border-top-width: 1px;background-color:rgb(246, 246, 246);width: 100%;border-radius:8px;opacity:1;will-change: auto;cursor:pointer;flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:50px;height:131px;padding:30px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-name="Service Card Closed">
                                            <div data-framer-name="Text Wrapper" style="border-radius: 8px; opacity: 1;opacity:1;gap:0px;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;width: 1px;max-width:876px;height:71px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Branding &amp; Identity" data-framer-component-type="RichTextContainer" style="--extracted-a0htzi: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <h3 data-styles-preset="osUfij489" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-a0htzi, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-text-color: var(--extracted-a0htzi, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 64px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: 1px;--framer-line-height: 70px;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(48, 64, 62);font-size:64px;letter-spacing:1px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:70px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Web Design</h3>
                                                </div>
                                                <div data-framer-name="Text and Tags" style="opacity: 0; will-change: transform;will-change:transform;height:1px;overflow:clip;flex-flow:row nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:30px;width: 100%;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(102, 102, 102);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">We specialize in creating memorable web experiences that captivate your audience. From responsive layouts to intuitive navigation, we ensure your online presence is both beautiful and functional.</p>
                                                    </div>
                                                    <div data-framer-name="Tags Wrapper" style="opacity: 1;flex-flow:row wrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:12px;width: 1px;max-width:286px;height:75.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Bullet" style="background-color: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); border-radius: 32px; opacity: 1;border-radius:32px;opacity:1;flex-flow:row nowrap;place-content:center;align-items:center;gap:10px;width: min-content;height:31.7969px;padding:4px 12px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="e1A1QVbW6" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(48, 64, 62);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Product Design</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Bullet" style="background-color: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); border-radius: 32px; opacity: 1;border-radius:32px;opacity:1;flex-flow:row nowrap;place-content:center;align-items:center;gap:10px;width: min-content;height:31.7969px;padding:4px 12px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="e1A1QVbW6" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(48, 64, 62);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Logo design</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Bullet" style="background-color: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); border-radius: 32px; opacity: 1;border-radius:32px;opacity:1;flex-flow:row nowrap;place-content:center;align-items:center;gap:10px;width: min-content;height:31.7969px;padding:4px 12px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="e1A1QVbW6" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(48, 64, 62);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Mobile UI</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Bullet" style="background-color: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); border-radius: 32px; opacity: 1;border-radius:32px;opacity:1;flex-flow:row nowrap;place-content:center;align-items:center;gap:10px;width: min-content;height:31.7969px;padding:4px 12px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="e1A1QVbW6" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(48, 64, 62);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">SaaS Design</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div data-framer-name="Image Wrapper" style="border-radius: 8px; opacity: 0; will-change: transform;opacity:0;will-change:transform;height:1px;overflow:clip;flex-flow:row nowrap;flex: 0 0 auto;place-content:flex-start center;align-items:flex-start;gap:30px;width: 400px;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Image" style="border-radius: 8px; opacity: 1; will-change: transform;opacity:1;will-change:transform;flex: 0 0 auto;width: 400px;height:298px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:8px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="1600" height="1132" sizes="400px" srcset="https://framerusercontent.com/images/uwayh01T7FEo5LjlZyYh5P9WvM.png?scale-down-to=512&amp;width=1600&amp;height=1132 512w,https://framerusercontent.com/images/uwayh01T7FEo5LjlZyYh5P9WvM.png?scale-down-to=1024&amp;width=1600&amp;height=1132 1024w,https://framerusercontent.com/images/uwayh01T7FEo5LjlZyYh5P9WvM.png?width=1600&amp;height=1132 1600w" src="https://framerusercontent.com/images/uwayh01T7FEo5LjlZyYh5P9WvM.png?width=1600&amp;height=1132" alt="" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:298px;border-radius:8px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div style="will-change: transform; opacity: 1; transform: none;opacity:1;transform:none;flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-border="true" data-highlight="true" tabindex="0" style="--border-bottom-width: 1px; --border-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139)); --border-left-width: 1px; --border-right-width: 1px; --border-style: dashed; --border-top-width: 1px; background-color: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); width: 100%; border-radius: 8px; opacity: 1; will-change: auto;--border-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139));--border-left-width: 1px;--border-right-width: 1px;--border-style: dashed;--border-top-width: 1px;background-color:rgb(246, 246, 246);width: 100%;border-radius:8px;opacity:1;will-change: auto;cursor:pointer;flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:50px;height:131px;padding:30px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-name="Service Card Closed">
                                            <div data-framer-name="Text Wrapper" style="border-radius: 8px; opacity: 1;opacity:1;gap:0px;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;width: 1px;max-width:876px;height:71px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Branding &amp; Identity" data-framer-component-type="RichTextContainer" style="--extracted-a0htzi: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <h3 data-styles-preset="osUfij489" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-a0htzi, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-text-color: var(--extracted-a0htzi, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 64px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: 1px;--framer-line-height: 70px;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(48, 64, 62);font-size:64px;letter-spacing:1px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:70px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">UI/UX Design</h3>
                                                </div>
                                                <div data-framer-name="Text and Tags" style="opacity: 0; will-change: transform;will-change:transform;height:1px;overflow:clip;flex-flow:row nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:30px;width: 100%;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(102, 102, 102);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">We specialize in crafting bespoke digital solutions. Focusing on UX, we transform your ideas into a captivating online journey. We ensure your online presence is beautiful we transform your vision into an engaging online presence.</p>
                                                    </div>
                                                    <div data-framer-name="Tags Wrapper" style="opacity: 1;flex-flow:row wrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:12px;width: 1px;max-width:286px;height:75.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Bullet" style="background-color: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); border-radius: 32px; opacity: 1;border-radius:32px;opacity:1;flex-flow:row nowrap;place-content:center;align-items:center;gap:10px;width: min-content;height:31.7969px;padding:4px 12px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="e1A1QVbW6" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(48, 64, 62);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Logo design</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Bullet" style="background-color: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); border-radius: 32px; opacity: 1;border-radius:32px;opacity:1;flex-flow:row nowrap;place-content:center;align-items:center;gap:10px;width: min-content;height:31.7969px;padding:4px 12px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="e1A1QVbW6" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(48, 64, 62);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Responsive UI</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Bullet" style="background-color: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); border-radius: 32px; opacity: 1;border-radius:32px;opacity:1;flex-flow:row nowrap;place-content:center;align-items:center;gap:10px;width: min-content;height:31.7969px;padding:4px 12px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="e1A1QVbW6" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(48, 64, 62);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">App Design</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div style="opacity: 1;flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Bullet" style="background-color: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); border-radius: 32px; opacity: 1;border-radius:32px;opacity:1;flex-flow:row nowrap;place-content:center;align-items:center;gap:10px;width: min-content;height:31.7969px;padding:4px 12px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="e1A1QVbW6" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(48, 64, 62);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Website Redesign</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div data-framer-name="Image Wrapper" style="border-radius: 8px; opacity: 0; will-change: transform;opacity:0;will-change:transform;height:1px;overflow:clip;flex-flow:row nowrap;flex: 0 0 auto;place-content:flex-start center;align-items:flex-start;gap:30px;width: 400px;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Image" style="border-radius: 8px; opacity: 1; will-change: transform;opacity:1;will-change:transform;flex: 0 0 auto;width: 400px;height:298px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:8px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="1600" height="1132" sizes="400px" srcset="https://framerusercontent.com/images/tG651prWtN5IBZ96ICTC8OXIiZA.png?scale-down-to=512&amp;width=1600&amp;height=1132 512w,https://framerusercontent.com/images/tG651prWtN5IBZ96ICTC8OXIiZA.png?scale-down-to=1024&amp;width=1600&amp;height=1132 1024w,https://framerusercontent.com/images/tG651prWtN5IBZ96ICTC8OXIiZA.png?width=1600&amp;height=1132 1600w" src="https://framerusercontent.com/images/tG651prWtN5IBZ96ICTC8OXIiZA.png?width=1600&amp;height=1132" alt="" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:298px;border-radius:8px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <section data-framer-name="Projects Section" style="height:3022.52px;overflow:clip;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: 100%;padding:65px 30px 130px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <div data-framer-name="Container" style="flex-flow:column nowrap;place-content:center;align-items:center;gap:10px;width: 100%;max-width:1300px;height:2827.52px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <div data-framer-name="Content" style="flex-flow:column nowrap;place-content:center;align-items:center;gap:80px;width: 100%;height:2827.52px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div data-framer-name="Title Wrapper" style="flex-flow:row nowrap;place-content:flex-end flex-start;align-items:flex-end;gap:20px;width: 100%;height:112px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Title" style="flex-flow:column nowrap;place-content:flex-start center;align-items:flex-start;gap:16px;width: 1px;height:112px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Section Title" style="opacity: 1;flex-flow:row nowrap;place-content:flex-start;align-items:flex-start;gap:4px;width: min-content;height:24px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="e1A1QVbW6" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(102, 102, 102);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">03</p>
                                            </div>
                                            <div data-framer-name="|" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="e1A1QVbW6" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(3, 130, 98);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(3, 130, 98);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(3, 130, 98);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">|</p>
                                            </div>
                                            <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="piAt1SZ3_" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(48, 64, 62);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Projects</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div data-framer-component-type="RichTextContainer" style="transform: none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <h2 data-styles-preset="dKDH__IPF" dir="auto" style="--framer-text-color: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 72px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -4.3px;--framer-line-height: 72px;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(48, 64, 62);font-size:72px;letter-spacing:-4.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:72px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Our Creations</h2>
                                    </div>
                                </div>
                                <div data-framer-component-type="RichTextContainer" style="transform: none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;max-width:341px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <p data-styles-preset="cxrER54O1" style="--framer-text-alignment: left; --framer-text-color: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102));--framer-text-color: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(102, 102, 102);font-size:18px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:30.6px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Driving brand growth by blending strategy, creativity, and powerful tech.</p>
                                </div>
                            </div>
                            <div data-framer-name="Project Card Wrapper" style="height:2635.52px;overflow:clip;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:40px;width: 100%;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div style="flex-flow:column nowrap;place-content:flex-start center;align-items:flex-start;gap:80px;width: 100%;height:2635.52px;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="z-index:1;flex: 0 0 auto;width: 100%;height: auto;position:sticky;top:20px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a href="./project/dashboard-redesign" style="background-color: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)); width: 100%; border-radius: 8px; opacity: 1;width: 100%;border-radius:8px;opacity:1;cursor:pointer;flex-flow:column nowrap;place-content:flex-start;align-items:flex-start;gap:0px;height:825.172px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-framer-name="Project Card">
                                            <div data-framer-name="Image Wrapper" style="border-radius: 8px; opacity: 1;opacity:1;will-change:auto;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:32px;width: 100%;height:560px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Icon Wrapper" style="background-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139)); border-radius: 100%; opacity: 0; transform: scale(0); will-change: transform;border-radius:100%;opacity:0;transform:matrix(0, 0, 0, 0, 0, 0);will-change:transform;z-index:1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: 100px;height:100px;padding:0px;display:flex;position:absolute;top:230px;left:600px;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="opacity: 1;height:22px;overflow:clip;will-change:auto;flex: 0 0 auto;width: 22px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="23" height="23" src="https://framerusercontent.com/images/hU4U7f582EdcNZ65KuJuHrfdOP4.svg?width=23&amp;height=23" alt="Icon" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: contain;width: 100%;height:22px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:contain;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                    </div>
                                                </div>
                                                <div data-framer-name="Image Wrapper" style="border-radius: 8px; opacity: 1;opacity:1;height:560px;overflow:clip;will-change:auto;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:30px;width: 100%;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Image" style="border-radius: 8px; transform: none; opacity: 1; will-change: transform;transform:none;opacity:1;will-change:transform;flex: 0 0 auto;gap:0px;width: 100%;height:560px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:8px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="3936" height="2400" sizes="min(100vw - 60px, 1300px)" srcset="https://framerusercontent.com/images/4USDSQE4te56CIDpLGqWNe38fM4.jpg?scale-down-to=512&amp;width=3936&amp;height=2400 512w,https://framerusercontent.com/images/4USDSQE4te56CIDpLGqWNe38fM4.jpg?scale-down-to=1024&amp;width=3936&amp;height=2400 1024w,https://framerusercontent.com/images/4USDSQE4te56CIDpLGqWNe38fM4.jpg?scale-down-to=2048&amp;width=3936&amp;height=2400 2048w,https://framerusercontent.com/images/4USDSQE4te56CIDpLGqWNe38fM4.jpg?width=3936&amp;height=2400 3936w" src="https://framerusercontent.com/images/4USDSQE4te56CIDpLGqWNe38fM4.jpg?width=3936&amp;height=2400" alt="" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:560px;border-radius:8px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div data-framer-name="Text Wrapper" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:flex-end space-between;align-items:flex-end;width: 100%;height:265.172px;padding:32px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Title and Text" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:12px;width: 1px;max-width:692px;height:201.172px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Tag Wrapper" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:4px;width: 100%;height:23.7969px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="e1A1QVbW6" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(102, 102, 102);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Branding</p>
                                                        </div>
                                                        <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="e1A1QVbW6" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(102, 102, 102);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">,</p>
                                                        </div>
                                                        <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="e1A1QVbW6" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(102, 102, 102);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Minimal design</p>
                                                        </div>
                                                        <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="e1A1QVbW6" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(102, 102, 102);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">,</p>
                                                        </div>
                                                        <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="e1A1QVbW6" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(102, 102, 102);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Custom Website</p>
                                                        </div>
                                                    </div>
                                                    <div data-framer-name="Frame 2147225678" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start flex-end;align-items:flex-start;gap:16px;width: 100%;height:165.375px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Velora — Luxury Skincare Branding" data-framer-component-type="RichTextContainer" style="--extracted-1eung3n: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <h4 data-styles-preset="CdJJUdyHk" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-1eung3n, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-text-color: var(--extracted-1eung3n, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 48px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -3px;--framer-line-height: 120%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(48, 64, 62);font-size:48px;letter-spacing:-3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:57.6px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Dashboard Redesign</h4>
                                                        </div>
                                                        <div data-framer-name="We developed a modern and elegant brand identity for Velora. Soft tones, minimal packaging, and refined typography express purity and confidence." data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="cxrER54O1" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(102, 102, 102);font-size:18px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:30.6px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">An intuitive mobile shopping experience for online grocery delivery, featuring smart recommendations, easy reordering, and seamless checkout designed to make grocery shopping quick and convenient.</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div data-framer-name="Info Wrapper" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:8px;width: 1px;max-width:400px;height:124px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="opacity: 1;flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-border="true" data-framer-name="Fact Item" style="--border-bottom-width: 1px; --border-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139)); --border-left-width: 0px; --border-right-width: 0px; --border-style: dashed; --border-top-width: 0px; width: 100%; opacity: 1;--border-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139));--border-left-width: 0px;--border-right-width: 0px;--border-style: dashed;--border-top-width: 0px;width: 100%;opacity:1;flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:20px;height:36px;padding:0px 0px 12px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Brand Identity" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)));--framer-text-color: var(--extracted-r6o4lv, var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(70, 81, 80);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(70, 81, 80);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(70, 81, 80);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Year</p>
                                                            </div>
                                                            <div data-framer-name="10+" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-a586f71a-f796-45dc-8afa-324d9a615aec, rgb(51, 51, 51)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="piAt1SZ3_" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-a586f71a-f796-45dc-8afa-324d9a615aec, rgb(51, 51, 51)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(51, 51, 51);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(51, 51, 51);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(51, 51, 51);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">2025</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div style="opacity: 1;flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-border="true" data-framer-name="Fact Item" style="--border-bottom-width: 1px; --border-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139)); --border-left-width: 0px; --border-right-width: 0px; --border-style: dashed; --border-top-width: 0px; width: 100%; opacity: 1;--border-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139));--border-left-width: 0px;--border-right-width: 0px;--border-style: dashed;--border-top-width: 0px;width: 100%;opacity:1;flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:20px;height:36px;padding:0px 0px 12px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Brand Identity" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)));--framer-text-color: var(--extracted-r6o4lv, var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(70, 81, 80);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(70, 81, 80);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(70, 81, 80);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Client</p>
                                                            </div>
                                                            <div data-framer-name="10+" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-a586f71a-f796-45dc-8afa-324d9a615aec, rgb(51, 51, 51)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="piAt1SZ3_" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-a586f71a-f796-45dc-8afa-324d9a615aec, rgb(51, 51, 51)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(51, 51, 51);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(51, 51, 51);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(51, 51, 51);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Alex Carter</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div style="opacity: 1;flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-border="true" data-framer-name="Fact Item" style="--border-bottom-width: 1px; --border-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139)); --border-left-width: 0px; --border-right-width: 0px; --border-style: dashed; --border-top-width: 0px; width: 100%; opacity: 1;--border-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139));--border-left-width: 0px;--border-right-width: 0px;--border-style: dashed;--border-top-width: 0px;width: 100%;opacity:1;flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:20px;height:36px;padding:0px 0px 12px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Brand Identity" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)));--framer-text-color: var(--extracted-r6o4lv, var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(70, 81, 80);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(70, 81, 80);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(70, 81, 80);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Service</p>
                                                            </div>
                                                            <div data-framer-name="10+" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-a586f71a-f796-45dc-8afa-324d9a615aec, rgb(51, 51, 51)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="piAt1SZ3_" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-a586f71a-f796-45dc-8afa-324d9a615aec, rgb(51, 51, 51)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(51, 51, 51);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(51, 51, 51);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(51, 51, 51);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">E-commerce</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </a></div>
                                    <div style="z-index:1;flex: 0 0 auto;width: 100%;height: auto;position:sticky;top:20px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Project Card" href="./project/travel-app-design" style="background-color: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)); width: 100%; border-radius: 8px; opacity: 1;width: 100%;border-radius:8px;opacity:1;cursor:pointer;flex-flow:column nowrap;place-content:flex-start;align-items:flex-start;gap:0px;height:825.172px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Image Wrapper" style="border-radius: 8px; opacity: 1;opacity:1;will-change:auto;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:32px;width: 100%;height:560px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Icon Wrapper" style="background-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139)); border-radius: 100%; opacity: 0; transform: scale(0);border-radius:100%;opacity:0;transform:matrix(0, 0, 0, 0, 0, 0);z-index:1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: 100px;height:100px;padding:0px;display:flex;position:absolute;top:230px;left:600px;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="opacity: 1;height:22px;overflow:clip;will-change:auto;flex: 0 0 auto;width: 22px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="23" height="23" src="https://framerusercontent.com/images/hU4U7f582EdcNZ65KuJuHrfdOP4.svg?width=23&amp;height=23" alt="Icon" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: contain;width: 100%;height:22px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:contain;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                    </div>
                                                </div>
                                                <div data-framer-name="Image Wrapper" style="border-radius: 8px; opacity: 1;opacity:1;height:560px;overflow:clip;will-change:auto;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:30px;width: 100%;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Image" style="border-radius: 8px; transform: none; opacity: 1;transform:none;opacity:1;will-change:auto;flex: 0 0 auto;gap:0px;width: 100%;height:560px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:8px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="2624" height="1600" sizes="min(100vw - 60px, 1300px)" srcset="https://framerusercontent.com/images/Y0PG9lJXZh1XFREdpWKYGNpCs.jpg?scale-down-to=512&amp;width=2624&amp;height=1600 512w,https://framerusercontent.com/images/Y0PG9lJXZh1XFREdpWKYGNpCs.jpg?scale-down-to=1024&amp;width=2624&amp;height=1600 1024w,https://framerusercontent.com/images/Y0PG9lJXZh1XFREdpWKYGNpCs.jpg?scale-down-to=2048&amp;width=2624&amp;height=1600 2048w,https://framerusercontent.com/images/Y0PG9lJXZh1XFREdpWKYGNpCs.jpg?width=2624&amp;height=1600 2624w" src="https://framerusercontent.com/images/Y0PG9lJXZh1XFREdpWKYGNpCs.jpg?width=2624&amp;height=1600" alt="" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:560px;border-radius:8px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div data-framer-name="Text Wrapper" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:flex-end space-between;align-items:flex-end;width: 100%;height:265.172px;padding:32px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Title and Text" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:12px;width: 1px;max-width:692px;height:201.172px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Tag Wrapper" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:4px;width: 100%;height:23.7969px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="e1A1QVbW6" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(102, 102, 102);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Minimal Design</p>
                                                        </div>
                                                        <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="e1A1QVbW6" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(102, 102, 102);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">,</p>
                                                        </div>
                                                        <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="e1A1QVbW6" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(102, 102, 102);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Custom Website</p>
                                                        </div>
                                                        <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="e1A1QVbW6" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(102, 102, 102);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">,</p>
                                                        </div>
                                                        <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="e1A1QVbW6" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(102, 102, 102);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Branding</p>
                                                        </div>
                                                    </div>
                                                    <div data-framer-name="Frame 2147225678" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start flex-end;align-items:flex-start;gap:16px;width: 100%;height:165.375px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Velora — Luxury Skincare Branding" data-framer-component-type="RichTextContainer" style="--extracted-1eung3n: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <h4 data-styles-preset="CdJJUdyHk" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-1eung3n, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-text-color: var(--extracted-1eung3n, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 48px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -3px;--framer-line-height: 120%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(48, 64, 62);font-size:48px;letter-spacing:-3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:57.6px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Travel App Design</h4>
                                                        </div>
                                                        <div data-framer-name="We developed a modern and elegant brand identity for Velora. Soft tones, minimal packaging, and refined typography express purity and confidence." data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="cxrER54O1" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(102, 102, 102);font-size:18px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:30.6px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">A comprehensive travel companion app that simplifies trip planning, booking, and itinerary management with personalized recommendations, collaborative planning features, and offline accessibility for travelers.</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div data-framer-name="Info Wrapper" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:8px;width: 1px;max-width:400px;height:124px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="opacity: 1;flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-border="true" data-framer-name="Fact Item" style="--border-bottom-width: 1px; --border-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139)); --border-left-width: 0px; --border-right-width: 0px; --border-style: dashed; --border-top-width: 0px; width: 100%; opacity: 1;--border-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139));--border-left-width: 0px;--border-right-width: 0px;--border-style: dashed;--border-top-width: 0px;width: 100%;opacity:1;flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:20px;height:36px;padding:0px 0px 12px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Brand Identity" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)));--framer-text-color: var(--extracted-r6o4lv, var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(70, 81, 80);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(70, 81, 80);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(70, 81, 80);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Year</p>
                                                            </div>
                                                            <div data-framer-name="10+" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-a586f71a-f796-45dc-8afa-324d9a615aec, rgb(51, 51, 51)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="piAt1SZ3_" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-a586f71a-f796-45dc-8afa-324d9a615aec, rgb(51, 51, 51)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(51, 51, 51);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(51, 51, 51);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(51, 51, 51);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">2025</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div style="opacity: 1;flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-border="true" data-framer-name="Fact Item" style="--border-bottom-width: 1px; --border-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139)); --border-left-width: 0px; --border-right-width: 0px; --border-style: dashed; --border-top-width: 0px; width: 100%; opacity: 1;--border-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139));--border-left-width: 0px;--border-right-width: 0px;--border-style: dashed;--border-top-width: 0px;width: 100%;opacity:1;flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:20px;height:36px;padding:0px 0px 12px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Brand Identity" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)));--framer-text-color: var(--extracted-r6o4lv, var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(70, 81, 80);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(70, 81, 80);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(70, 81, 80);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Client</p>
                                                            </div>
                                                            <div data-framer-name="10+" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-a586f71a-f796-45dc-8afa-324d9a615aec, rgb(51, 51, 51)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="piAt1SZ3_" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-a586f71a-f796-45dc-8afa-324d9a615aec, rgb(51, 51, 51)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(51, 51, 51);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(51, 51, 51);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(51, 51, 51);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Chris Walker</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div style="opacity: 1;flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-border="true" data-framer-name="Fact Item" style="--border-bottom-width: 1px; --border-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139)); --border-left-width: 0px; --border-right-width: 0px; --border-style: dashed; --border-top-width: 0px; width: 100%; opacity: 1;--border-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139));--border-left-width: 0px;--border-right-width: 0px;--border-style: dashed;--border-top-width: 0px;width: 100%;opacity:1;flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:20px;height:36px;padding:0px 0px 12px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Brand Identity" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)));--framer-text-color: var(--extracted-r6o4lv, var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(70, 81, 80);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(70, 81, 80);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(70, 81, 80);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Service</p>
                                                            </div>
                                                            <div data-framer-name="10+" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-a586f71a-f796-45dc-8afa-324d9a615aec, rgb(51, 51, 51)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="piAt1SZ3_" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-a586f71a-f796-45dc-8afa-324d9a615aec, rgb(51, 51, 51)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(51, 51, 51);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(51, 51, 51);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(51, 51, 51);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Mobile App</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </a></div>
                                    <div style="z-index:1;flex: 0 0 auto;width: 100%;height: auto;position:sticky;top:20px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Project Card" href="./project/learning-platform-design" style="background-color: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)); width: 100%; border-radius: 8px; opacity: 1;width: 100%;border-radius:8px;opacity:1;cursor:pointer;flex-flow:column nowrap;place-content:flex-start;align-items:flex-start;gap:0px;height:825.172px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Image Wrapper" style="border-radius: 8px; opacity: 1;opacity:1;will-change:auto;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:32px;width: 100%;height:560px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Icon Wrapper" style="background-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139)); border-radius: 100%; opacity: 0; transform: scale(0);border-radius:100%;opacity:0;transform:matrix(0, 0, 0, 0, 0, 0);z-index:1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: 100px;height:100px;padding:0px;display:flex;position:absolute;top:230px;left:600px;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="opacity: 1;height:22px;overflow:clip;will-change:auto;flex: 0 0 auto;width: 22px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="23" height="23" src="https://framerusercontent.com/images/hU4U7f582EdcNZ65KuJuHrfdOP4.svg?width=23&amp;height=23" alt="Icon" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: contain;width: 100%;height:22px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:contain;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                    </div>
                                                </div>
                                                <div data-framer-name="Image Wrapper" style="border-radius: 8px; opacity: 1;opacity:1;height:560px;overflow:clip;will-change:auto;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:30px;width: 100%;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Image" style="border-radius: 8px; transform: none; opacity: 1;transform:none;opacity:1;will-change:auto;flex: 0 0 auto;gap:0px;width: 100%;height:560px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:8px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="2560" height="1800" sizes="min(100vw - 60px, 1300px)" srcset="https://framerusercontent.com/images/Aq4lDkCyhr3JjGRjn0LmwGTAxs.jpg?scale-down-to=512&amp;width=2560&amp;height=1800 512w,https://framerusercontent.com/images/Aq4lDkCyhr3JjGRjn0LmwGTAxs.jpg?scale-down-to=1024&amp;width=2560&amp;height=1800 1024w,https://framerusercontent.com/images/Aq4lDkCyhr3JjGRjn0LmwGTAxs.jpg?scale-down-to=2048&amp;width=2560&amp;height=1800 2048w,https://framerusercontent.com/images/Aq4lDkCyhr3JjGRjn0LmwGTAxs.jpg?width=2560&amp;height=1800 2560w" src="https://framerusercontent.com/images/Aq4lDkCyhr3JjGRjn0LmwGTAxs.jpg?width=2560&amp;height=1800" alt="" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:560px;border-radius:8px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div data-framer-name="Text Wrapper" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:flex-end space-between;align-items:flex-end;width: 100%;height:265.172px;padding:32px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Title and Text" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:12px;width: 1px;max-width:692px;height:201.172px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Tag Wrapper" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:4px;width: 100%;height:23.7969px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="e1A1QVbW6" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(102, 102, 102);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Custom Website</p>
                                                        </div>
                                                        <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="e1A1QVbW6" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(102, 102, 102);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">,</p>
                                                        </div>
                                                        <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="e1A1QVbW6" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(102, 102, 102);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">UI/UX Design</p>
                                                        </div>
                                                        <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="e1A1QVbW6" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(102, 102, 102);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">,</p>
                                                        </div>
                                                        <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="e1A1QVbW6" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(102, 102, 102);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Branding</p>
                                                        </div>
                                                    </div>
                                                    <div data-framer-name="Frame 2147225678" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start flex-end;align-items:flex-start;gap:16px;width: 100%;height:165.375px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Velora — Luxury Skincare Branding" data-framer-component-type="RichTextContainer" style="--extracted-1eung3n: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <h4 data-styles-preset="CdJJUdyHk" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-1eung3n, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-text-color: var(--extracted-1eung3n, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 48px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -3px;--framer-line-height: 120%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(48, 64, 62);font-size:48px;letter-spacing:-3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:57.6px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Learning Platform Design</h4>
                                                        </div>
                                                        <div data-framer-name="We developed a modern and elegant brand identity for Velora. Soft tones, minimal packaging, and refined typography express purity and confidence." data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="cxrER54O1" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(102, 102, 102);font-size:18px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:30.6px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">A modern e-learning platform connecting students with instructors through interactive courses, featuring progress tracking, live sessions, and collaborative tools for enhanced online education experiences.</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div data-framer-name="Info Wrapper" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:8px;width: 1px;max-width:400px;height:124px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="opacity: 1;flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-border="true" data-framer-name="Fact Item" style="--border-bottom-width: 1px; --border-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139)); --border-left-width: 0px; --border-right-width: 0px; --border-style: dashed; --border-top-width: 0px; width: 100%; opacity: 1;--border-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139));--border-left-width: 0px;--border-right-width: 0px;--border-style: dashed;--border-top-width: 0px;width: 100%;opacity:1;flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:20px;height:36px;padding:0px 0px 12px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Brand Identity" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)));--framer-text-color: var(--extracted-r6o4lv, var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(70, 81, 80);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(70, 81, 80);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(70, 81, 80);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Year</p>
                                                            </div>
                                                            <div data-framer-name="10+" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-a586f71a-f796-45dc-8afa-324d9a615aec, rgb(51, 51, 51)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="piAt1SZ3_" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-a586f71a-f796-45dc-8afa-324d9a615aec, rgb(51, 51, 51)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(51, 51, 51);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(51, 51, 51);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(51, 51, 51);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">2024</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div style="opacity: 1;flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-border="true" data-framer-name="Fact Item" style="--border-bottom-width: 1px; --border-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139)); --border-left-width: 0px; --border-right-width: 0px; --border-style: dashed; --border-top-width: 0px; width: 100%; opacity: 1;--border-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139));--border-left-width: 0px;--border-right-width: 0px;--border-style: dashed;--border-top-width: 0px;width: 100%;opacity:1;flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:20px;height:36px;padding:0px 0px 12px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Brand Identity" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)));--framer-text-color: var(--extracted-r6o4lv, var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(70, 81, 80);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(70, 81, 80);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(70, 81, 80);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Client</p>
                                                            </div>
                                                            <div data-framer-name="10+" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-a586f71a-f796-45dc-8afa-324d9a615aec, rgb(51, 51, 51)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="piAt1SZ3_" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-a586f71a-f796-45dc-8afa-324d9a615aec, rgb(51, 51, 51)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(51, 51, 51);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(51, 51, 51);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(51, 51, 51);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Taylor Brooks</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div style="opacity: 1;flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-border="true" data-framer-name="Fact Item" style="--border-bottom-width: 1px; --border-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139)); --border-left-width: 0px; --border-right-width: 0px; --border-style: dashed; --border-top-width: 0px; width: 100%; opacity: 1;--border-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139));--border-left-width: 0px;--border-right-width: 0px;--border-style: dashed;--border-top-width: 0px;width: 100%;opacity:1;flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:20px;height:36px;padding:0px 0px 12px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Brand Identity" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)));--framer-text-color: var(--extracted-r6o4lv, var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(70, 81, 80);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(70, 81, 80);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(70, 81, 80);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Service</p>
                                                            </div>
                                                            <div data-framer-name="10+" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-a586f71a-f796-45dc-8afa-324d9a615aec, rgb(51, 51, 51)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <p data-styles-preset="piAt1SZ3_" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-a586f71a-f796-45dc-8afa-324d9a615aec, rgb(51, 51, 51)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(51, 51, 51);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(51, 51, 51);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(51, 51, 51);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Web Platform</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <section data-framer-name="Contact Section" style="flex-flow:column nowrap;place-content:center;align-items:center;gap:0px;width: 100%;height:1001.59px;padding:130px 30px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <div data-framer-name="Overlay" style="background-color:rgb(48, 64, 62);opacity:0.4;height:1001.59px;overflow:clip;z-index:1;flex: 0 0 auto;width: 100%;position:absolute;top:0px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                    <div style="filter:brightness(0.65);z-index:0;flex: 0 0 auto;width: 100%;height:1001.59px;position:absolute;top:0px;left:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><video src="https://framerusercontent.com/assets/MRfXWGowl8DVRqaVqV6ofqYlf8.mp4" loop="" preload="none" playsinline="" style="cursor: auto; width: 100%; height: 100%; border-radius: 0px; display: block; object-fit: cover; background-color: rgba(0, 0, 0, 0); object-position: 50% 50%;width: 100%;height:1001.59px;border-radius:0px;display:block;object-fit:cover;background-color:rgba(0, 0, 0, 0);object-position:50% 50%;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></video></div>
                    <div data-framer-name="Container" style="z-index:2;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: 100%;max-width:1300px;height:741.594px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <div data-framer-name="Content" style="flex-flow:row nowrap;place-content:flex-start space-between;align-items:flex-start;width: 100%;height:741.594px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div data-framer-name="Form Wrapper" style="will-change: transform; opacity: 0; transform: translateX(-80px);opacity:0;transform:matrix(1, 0, 0, 1, -80, 0);background-color:rgb(246, 246, 246);max-width:640px;height:741.594px;overflow:clip;border-radius:8px;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start center;align-items:flex-start;gap:32px;width: 1px;padding:48px 20px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Logo and Title" style="height:107.594px;overflow:clip;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start center;align-items:flex-start;gap:16px;width: 100%;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Logo" style="height:34px;overflow:clip;will-change:auto;flex: 0 0 auto;width: 100px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="100" height="34" src="https://framerusercontent.com/images/89leggXpJNAHHsML3p6yrIgimw.svg?width=100&amp;height=34" alt="Logo" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:34px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                    </div>
                                    <div data-framer-component-type="RichTextContainer" style="transform: none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <h4 data-styles-preset="CdJJUdyHk" style="--framer-text-alignment: left; --framer-text-color: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62));--framer-text-color: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 48px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -3px;--framer-line-height: 120%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(48, 64, 62);font-size:48px;letter-spacing:-3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:57.6px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Got a project idea?</h4>
                                    </div>
                                </div>
                                <form style="flex-flow:column nowrap;place-content:flex-start;align-items:flex-start;gap:20px;width: 100%;height:506px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><label style="flex-flow:column nowrap;place-content:flex-start;align-items:flex-start;gap:10px;width: 100%;height:84px;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-component-type="RichTextContainer" style="transform: none;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <p data-styles-preset="MuvEza4Eb" style="--framer-text-alignment: left; --framer-text-color: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62));--framer-text-color: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(48, 64, 62);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:21px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Name *</p>
                                        </div>
                                        <div style="overflow:hidden;padding:16px 12px;align-items:center;display:flex;box-shadow:none;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;corner-shape:round;background:rgb(254, 254, 254) none repeat scroll 0% 0% / auto padding-box border-box;transition-duration:0s;transition-timing-function:ease;transition-delay:0s;transition-behavior:normal;transition-property:background, box-shadow;--framer-input-background: 1;--framer-input-border-radius-bottom-left: 8px;--framer-input-border-radius-bottom-right: 8px;--framer-input-border-radius-top-left: 8px;--framer-input-border-radius-top-right: 8px;--framer-input-focused-border-color: 1;--framer-input-focused-border-style: solid;--framer-input-focused-border-width: 1px;--framer-input-font-color: 1;--framer-input-font-family: 'Geist';--framer-input-font-letter-spacing: 0em;--framer-input-font-line-height: 100%;--framer-input-font-size: 16px;--framer-input-font-text-alignment: left;--framer-input-font-weight: 400;--framer-input-icon-color: #999;--framer-input-padding: 16px 12px 16px 12px;--framer-input-placeholder-color: 1;--framer-input-wrapper-height: auto;flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><input type="text" required="" name="Name" placeholder="Jane Smith" value="" style="padding:0px;font-family:Geist;font-weight:400;font-size:16px;font-style:normal;color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-overflow:ellipsis;white-space:nowrap;width: 100%;height:21px;letter-spacing:normal;text-align:left;line-height:16px;background:rgba(0, 0, 0, 0) none repeat scroll 0px 0px / auto padding-box border-box;border-width:0px;border-style:none;border-color:rgb(48, 64, 62);border-image:none;overflow:clip;flex:1 1 0%;min-width:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;" />
                                            <div data-lastpass-icon-root="" style="position: relative !important; height: 0px !important; width: 0px !important; display: initial !important; float: left !important;height:0px;width: 0px !important;display:block;float:left;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                        </div>
                                    </label><label style="flex-flow:column nowrap;place-content:flex-start;align-items:flex-start;gap:10px;width: 100%;height:84px;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-component-type="RichTextContainer" style="transform: none;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <p data-styles-preset="MuvEza4Eb" style="--framer-text-alignment: left; --framer-text-color: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62));--framer-text-color: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(48, 64, 62);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:21px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Email *</p>
                                        </div>
                                        <div style="overflow:hidden;padding:16px 12px;align-items:center;display:flex;box-shadow:none;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;corner-shape:round;background:rgb(254, 254, 254) none repeat scroll 0% 0% / auto padding-box border-box;transition-duration:0s;transition-timing-function:ease;transition-delay:0s;transition-behavior:normal;transition-property:background, box-shadow;--framer-input-background: 1;--framer-input-border-radius-bottom-left: 8px;--framer-input-border-radius-bottom-right: 8px;--framer-input-border-radius-top-left: 8px;--framer-input-border-radius-top-right: 8px;--framer-input-focused-border-color: 1;--framer-input-focused-border-style: solid;--framer-input-focused-border-width: 1px;--framer-input-font-color: 1;--framer-input-font-family: 'Geist';--framer-input-font-letter-spacing: 0em;--framer-input-font-line-height: 100%;--framer-input-font-size: 16px;--framer-input-font-text-alignment: left;--framer-input-font-weight: 400;--framer-input-icon-color: #999;--framer-input-padding: 16px 12px 16px 12px;--framer-input-placeholder-color: 1;--framer-input-wrapper-height: auto;flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><input type="email" required="" name="Email" placeholder="jane@framer.com" value="" style="padding:0px;font-family:Geist;font-weight:400;font-size:16px;font-style:normal;color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-overflow:ellipsis;white-space:nowrap;width: 100%;height:21px;letter-spacing:normal;text-align:left;line-height:16px;background:rgba(0, 0, 0, 0) none repeat scroll 0px 0px / auto padding-box border-box;border-width:0px;border-style:none;border-color:rgb(48, 64, 62);border-image:none;overflow:clip;flex:1 1 0%;min-width:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                    </label><label style="flex-flow:column nowrap;place-content:flex-start;align-items:flex-start;gap:10px;width: 100%;height:79px;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-component-type="RichTextContainer" style="transform: none;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <p data-styles-preset="MuvEza4Eb" style="--framer-text-alignment: left; --framer-text-color: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62));--framer-text-color: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(48, 64, 62);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:21px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Services *</p>
                                        </div>
                                        <div style="padding-right:12px;background:rgb(254, 254, 254) none repeat scroll 0% 0% / auto padding-box border-box;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;corner-shape:round;box-shadow:none;transition-duration:0s;transition-timing-function:ease;transition-delay:0s;transition-behavior:normal;padding-top:0px;padding-bottom:0px;padding-left:0px;transition-property:background, box-shadow;overflow:hidden;--framer-input-background: 1;--framer-input-border-radius-bottom-left: 8px;--framer-input-border-radius-bottom-right: 8px;--framer-input-border-radius-top-left: 8px;--framer-input-border-radius-top-right: 8px;--framer-input-focused-border-color: 1;--framer-input-focused-border-style: solid;--framer-input-focused-border-width: 1px;--framer-input-font-color: 1;--framer-input-font-family: 'Geist';--framer-input-font-letter-spacing: 0em;--framer-input-font-line-height: 100%;--framer-input-font-size: 16px;--framer-input-font-text-alignment: left;--framer-input-font-weight: 400;--framer-input-icon-color: 1;--framer-input-invalid-text-color: 1;--framer-input-padding: 16px 12px 16px 12px;--framer-input-wrapper-height: auto;flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><select name="Service" required="" style="color:rgba(70, 81, 80, 0.7);appearance:none;padding:16px 12px;background:rgba(0, 0, 0, 0) none repeat scroll 0px 0px / auto padding-box border-box;font-family:Geist;font-weight:400;font-size:16px;font-style:normal;font-feature-settings:normal;font-variation-settings:normal;text-overflow:ellipsis;white-space:nowrap;width: 100%;height:48px;letter-spacing:normal;text-align:left;line-height:16px;border-width:0px;border-style:none;border-color:rgba(70, 81, 80, 0.7);border-image:none;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <option value="" disabled="" selected="" style="color:rgba(0, 0, 0, 0.4);box-sizing:border-box;-webkit-font-smoothing:antialiased;">Select…</option>
                                                <option value="Branding" style="color:rgb(0, 0, 0);box-sizing:border-box;-webkit-font-smoothing:antialiased;">Branding</option>
                                                <option value="Website Design" style="color:rgb(0, 0, 0);box-sizing:border-box;-webkit-font-smoothing:antialiased;">Website Design</option>
                                                <option value="UI/UX Design" style="color:rgb(0, 0, 0);box-sizing:border-box;-webkit-font-smoothing:antialiased;">UI/UX Design</option>
                                            </select></div>
                                    </label><label style="flex-flow:column nowrap;place-content:flex-start;align-items:flex-start;gap:10px;width: 100%;height:131px;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-component-type="RichTextContainer" style="transform: none;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <p data-styles-preset="MuvEza4Eb" style="--framer-text-alignment: left; --framer-text-color: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62));--framer-text-color: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(48, 64, 62);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:21px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Send Message</p>
                                        </div>
                                        <div style="overflow:hidden;padding:0px;align-items:center;display:flex;box-shadow:none;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;corner-shape:round;background:rgb(254, 254, 254) none repeat scroll 0% 0% / auto padding-box border-box;transition-duration:0s;transition-timing-function:ease;transition-delay:0s;transition-behavior:normal;transition-property:background, box-shadow;--framer-input-background: 1;--framer-input-border-radius-bottom-left: 8px;--framer-input-border-radius-bottom-right: 8px;--framer-input-border-radius-top-left: 8px;--framer-input-border-radius-top-right: 8px;--framer-input-focused-border-color: 1;--framer-input-focused-border-style: solid;--framer-input-focused-border-width: 1px;--framer-input-font-color: 1;--framer-input-font-family: 'Geist';--framer-input-font-letter-spacing: 0em;--framer-input-font-line-height: 100%;--framer-input-font-size: 16px;--framer-input-font-text-alignment: left;--framer-input-font-weight: 400;--framer-input-icon-color: #999;--framer-input-padding: 16px 12px 16px 12px;--framer-input-placeholder-color: 1;--framer-input-wrapper-height: auto;flex: 0 0 auto;width: 100%;height: auto;min-height:100px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><textarea name="Message" placeholder="Your message" style="padding:16px 12px;font-family:Geist;font-weight:400;font-size:16px;font-style:normal;color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-overflow:ellipsis;white-space:break-spaces;width: 100%;height:100px;letter-spacing:normal;text-align:left;line-height:16px;background:rgba(0, 0, 0, 0) none repeat scroll 0px 0px / auto padding-box border-box;border-width:0px;border-style:none;border-color:rgb(48, 64, 62);border-image:none;overflow:hidden auto;resize:none;min-height:100px;max-height:none;display:flex;overflow-y: auto;flex:1 1 0%;min-width:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></textarea></div>
                                    </label>
                                    <div style="flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><button type="submit" data-framer-name="Default" data-reset="button" tabindex="0" style="background-color: var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98)); width: 100%; border-radius: 50px; opacity: 1;width: 100%;border-radius:50px;opacity:1;cursor:pointer;height:48px;overflow:clip;will-change:auto;flex-flow:column nowrap;place-content:center;align-items:center;gap:0px;padding:12px 24px;display:flex;position:relative;border-width:0px;font-family:sans-serif;font-size:12px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)); --framer-link-text-color: rgb(0, 153, 255); --framer-link-text-decoration: underline; transform: translateX(-50%); opacity: 1;--framer-link-text-color: rgb(0, 153, 255);--framer-link-text-decoration: underline;transform:matrix(1, 0, 0, 1, -45.6797, 0);opacity:1;user-select:none;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:absolute;top:-50px;left:300px;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="piAt1SZ3_" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(254, 254, 254);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(254, 254, 254);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(254, 254, 254);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Start Project</p>
                                            </div>
                                            <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)); --framer-link-text-color: rgb(0, 153, 255); --framer-link-text-decoration: underline; transform: none; opacity: 1;--framer-link-text-color: rgb(0, 153, 255);--framer-link-text-decoration: underline;transform:none;opacity:1;user-select:none;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="piAt1SZ3_" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(254, 254, 254);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(254, 254, 254);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(254, 254, 254);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Start Project</p>
                                            </div>
                                        </button></div><input type="text" name="website" tabindex="-1" autocomplete="one-time-code" aria-hidden="true" data-1p-ignore="true" data-lpignore="true" data-form-type="other" data-bwignore="true" value="" style="position: absolute; transform: scale(0);transform:matrix(0, 0, 0, 0, 0, 0);font-family:sans-serif;font-size:12px;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /><input type="text" name="company" tabindex="-1" autocomplete="one-time-code" aria-hidden="true" data-1p-ignore="true" data-lpignore="true" data-form-type="other" data-bwignore="true" value="" style="position: absolute; transform: scale(0);transform:matrix(0, 0, 0, 0, 0, 0);font-family:sans-serif;font-size:12px;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /><input type="text" name="message" tabindex="-1" autocomplete="one-time-code" aria-hidden="true" data-1p-ignore="true" data-lpignore="true" data-form-type="other" data-bwignore="true" value="" style="position: absolute; transform: scale(0);transform:matrix(0, 0, 0, 0, 0, 0);font-family:sans-serif;font-size:12px;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /><input type="text" name="subject" tabindex="-1" autocomplete="one-time-code" aria-hidden="true" data-1p-ignore="true" data-lpignore="true" data-form-type="other" data-bwignore="true" value="" style="position: absolute; transform: scale(0);transform:matrix(0, 0, 0, 0, 0, 0);font-family:sans-serif;font-size:12px;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /><input type="text" name="title" tabindex="-1" autocomplete="one-time-code" aria-hidden="true" data-1p-ignore="true" data-lpignore="true" data-form-type="other" data-bwignore="true" value="" style="position: absolute; transform: scale(0);transform:matrix(0, 0, 0, 0, 0, 0);font-family:sans-serif;font-size:12px;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /><input type="text" name="description" tabindex="-1" autocomplete="one-time-code" aria-hidden="true" data-1p-ignore="true" data-lpignore="true" data-form-type="other" data-bwignore="true" value="" style="position: absolute; transform: scale(0);transform:matrix(0, 0, 0, 0, 0, 0);font-family:sans-serif;font-size:12px;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /><input type="text" name="feedback" tabindex="-1" autocomplete="one-time-code" aria-hidden="true" data-1p-ignore="true" data-lpignore="true" data-form-type="other" data-bwignore="true" value="" style="position: absolute; transform: scale(0);transform:matrix(0, 0, 0, 0, 0, 0);font-family:sans-serif;font-size:12px;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /><input type="text" name="notes" tabindex="-1" autocomplete="one-time-code" aria-hidden="true" data-1p-ignore="true" data-lpignore="true" data-form-type="other" data-bwignore="true" value="" style="position: absolute; transform: scale(0);transform:matrix(0, 0, 0, 0, 0, 0);font-family:sans-serif;font-size:12px;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /><input type="text" name="details" tabindex="-1" autocomplete="one-time-code" aria-hidden="true" data-1p-ignore="true" data-lpignore="true" data-form-type="other" data-bwignore="true" value="" style="position: absolute; transform: scale(0);transform:matrix(0, 0, 0, 0, 0, 0);font-family:sans-serif;font-size:12px;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /><input type="text" name="remarks" tabindex="-1" autocomplete="one-time-code" aria-hidden="true" data-1p-ignore="true" data-lpignore="true" data-form-type="other" data-bwignore="true" value="" style="position: absolute; transform: scale(0);transform:matrix(0, 0, 0, 0, 0, 0);font-family:sans-serif;font-size:12px;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /><input type="text" name="comments" tabindex="-1" autocomplete="one-time-code" aria-hidden="true" data-1p-ignore="true" data-lpignore="true" data-form-type="other" data-bwignore="true" value="" style="position: absolute; transform: scale(0);transform:matrix(0, 0, 0, 0, 0, 0);font-family:sans-serif;font-size:12px;box-sizing:border-box;-webkit-font-smoothing:antialiased;" />
                                </form>
                            </div>
                            <div data-framer-name="Text Wrapper" style="will-change: transform; opacity: 0; transform: translateX(80px);opacity:0;transform:matrix(1, 0, 0, 1, 80, 0);flex-flow:column nowrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:60px;width: 1px;max-width:592px;height:731.188px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Title Wrapper" style="flex-flow:column nowrap;place-content:flex-start;align-items:flex-start;gap:20px;width: 100%;height:224px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Section Title White" style="opacity: 1;flex-flow:row nowrap;place-content:flex-start;align-items:flex-start;gap:4px;width: min-content;height:24px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="e1A1QVbW6" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(246, 246, 246);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(246, 246, 246);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(246, 246, 246);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">04</p>
                                            </div>
                                            <div data-framer-name="|" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="e1A1QVbW6" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(3, 130, 98);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(3, 130, 98);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(3, 130, 98);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">|</p>
                                            </div>
                                            <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="piAt1SZ3_" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(246, 246, 246);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(246, 246, 246);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(246, 246, 246);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Contact</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div data-framer-name="Title and Text" style="flex-flow:column nowrap;place-content:flex-start;align-items:flex-start;gap:24px;width: 100%;height:180px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Get in Touch" data-framer-component-type="RichTextContainer" style="transform: none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <h2 data-styles-preset="dKDH__IPF" style="--framer-text-alignment: left; --framer-text-color: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254));--framer-text-color: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 72px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -4.3px;--framer-line-height: 72px;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(254, 254, 254);font-size:72px;letter-spacing:-4.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(254, 254, 254);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:72px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(254, 254, 254);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Get in Touch </h2>
                                        </div>
                                        <div data-framer-name="We’d love to hear from you. Whether you’re ready to start a new project or just exploring ideas, our team is here to collaborate and guide you every step of the way." data-framer-component-type="RichTextContainer" style="transform: none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <p data-styles-preset="LWkDuXonj" style="--framer-text-color: var(--token-8f7c8339-3751-4ea7-bc67-154cc8cdf447, rgba(246, 246, 246, 0.8));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 140%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(246, 246, 246, 0.8);font-size:20px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(246, 246, 246, 0.8);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:28px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(246, 246, 246, 0.8);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">We’d love to hear from you. Whether you’re ready to start a new project or just exploring ideas, our team is here to collaborate and guide you every step of the way.</p>
                                        </div>
                                    </div>
                                </div>
                                <div data-framer-name="Features Wrapper" style="flex-flow:column nowrap;place-content:flex-start;align-items:flex-start;gap:30px;width: 100%;height:247.188px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Contact Feature" style="width: 100%; opacity: 1;opacity:1;flex-flow:column nowrap;place-content:flex-start center;align-items:flex-start;gap:16px;height:108.594px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Icon" style="opacity: 1;height:24px;overflow:clip;will-change:auto;flex: 0 0 auto;width: 24px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="27" height="25" src="https://framerusercontent.com/images/9JavmruwJGvlFMhc5SxslvBJeUE.svg?width=27&amp;height=25" alt="Icon" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: contain;width: 100%;height:24px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:contain;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                            </div>
                                            <div data-framer-name="Text Wrapper" style="opacity: 1;height:68.5938px;overflow:clip;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: 100%;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Quick response." data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p data-styles-preset="DOyrt2dIU" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)));--framer-text-color: var(--extracted-r6o4lv, var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 600;--framer-font-weight-bold: 900;--framer-letter-spacing: -.3px;--framer-line-height: 140%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(254, 254, 254);font-size:20px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(254, 254, 254);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:28px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(254, 254, 254);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Quick response.</p>
                                                </div>
                                                <div data-framer-name="Fast, clear, and helpful communication every step of the way." data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-8f7c8339-3751-4ea7-bc67-154cc8cdf447, rgba(246, 246, 246, 0.8)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p data-styles-preset="cxrER54O1" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-8f7c8339-3751-4ea7-bc67-154cc8cdf447, rgba(246, 246, 246, 0.8)));--framer-text-color: var(--extracted-r6o4lv, var(--token-8f7c8339-3751-4ea7-bc67-154cc8cdf447, rgba(246, 246, 246, 0.8)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(246, 246, 246, 0.8);font-size:18px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(246, 246, 246, 0.8);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:30.6px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(246, 246, 246, 0.8);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Fast, clear, and helpful communication every step of the way.</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div style="flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Contact Feature" style="width: 100%; opacity: 1;opacity:1;flex-flow:column nowrap;place-content:flex-start center;align-items:flex-start;gap:16px;height:108.594px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Icon" style="opacity: 1;height:24px;overflow:clip;will-change:auto;flex: 0 0 auto;width: 24px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="19" height="17" src="https://framerusercontent.com/images/jbLxFXCt2Snq737Kzwa4avGkw.svg?width=19&amp;height=17" alt="Icon" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: contain;width: 100%;height:24px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:contain;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                            </div>
                                            <div data-framer-name="Text Wrapper" style="opacity: 1;height:68.5938px;overflow:clip;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: 100%;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Quick response." data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p data-styles-preset="DOyrt2dIU" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)));--framer-text-color: var(--extracted-r6o4lv, var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 600;--framer-font-weight-bold: 900;--framer-letter-spacing: -.3px;--framer-line-height: 140%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(254, 254, 254);font-size:20px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(254, 254, 254);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:28px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(254, 254, 254);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Clear next steps.</p>
                                                </div>
                                                <div data-framer-name="Fast, clear, and helpful communication every step of the way." data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-8f7c8339-3751-4ea7-bc67-154cc8cdf447, rgba(246, 246, 246, 0.8)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p data-styles-preset="cxrER54O1" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-8f7c8339-3751-4ea7-bc67-154cc8cdf447, rgba(246, 246, 246, 0.8)));--framer-text-color: var(--extracted-r6o4lv, var(--token-8f7c8339-3751-4ea7-bc67-154cc8cdf447, rgba(246, 246, 246, 0.8)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(246, 246, 246, 0.8);font-size:18px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(246, 246, 246, 0.8);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:30.6px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(246, 246, 246, 0.8);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">From first call to final delivery, we guide you with structure and purpose.</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div data-framer-name="Fact Item Wrapper" style="flex-flow:column nowrap;place-content:flex-start;align-items:flex-start;gap:16px;width: 100%;height:140px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-border="true" data-framer-name="Fact Item Secondary" style="--border-bottom-width: 1px; --border-color: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); --border-left-width: 0px; --border-right-width: 0px; --border-style: dashed; --border-top-width: 0px; width: 100%; opacity: 1;--border-color: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246));--border-left-width: 0px;--border-right-width: 0px;--border-style: dashed;--border-top-width: 0px;width: 100%;opacity:1;flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:20px;height:36px;padding:0px 0px 12px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Brand Identity" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-8f7c8339-3751-4ea7-bc67-154cc8cdf447, rgba(246, 246, 246, 0.8)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-8f7c8339-3751-4ea7-bc67-154cc8cdf447, rgba(246, 246, 246, 0.8)));--framer-text-color: var(--extracted-r6o4lv, var(--token-8f7c8339-3751-4ea7-bc67-154cc8cdf447, rgba(246, 246, 246, 0.8)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(246, 246, 246, 0.8);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(246, 246, 246, 0.8);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(246, 246, 246, 0.8);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Support</p>
                                            </div>
                                            <div data-framer-name="10+" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="piAt1SZ3_" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(246, 246, 246);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(246, 246, 246);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(246, 246, 246);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">24/7</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div style="flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-border="true" data-framer-name="Fact Item Secondary" style="--border-bottom-width: 1px; --border-color: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); --border-left-width: 0px; --border-right-width: 0px; --border-style: dashed; --border-top-width: 0px; width: 100%; opacity: 1;--border-color: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246));--border-left-width: 0px;--border-right-width: 0px;--border-style: dashed;--border-top-width: 0px;width: 100%;opacity:1;flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:20px;height:36px;padding:0px 0px 12px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Brand Identity" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-8f7c8339-3751-4ea7-bc67-154cc8cdf447, rgba(246, 246, 246, 0.8)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-8f7c8339-3751-4ea7-bc67-154cc8cdf447, rgba(246, 246, 246, 0.8)));--framer-text-color: var(--extracted-r6o4lv, var(--token-8f7c8339-3751-4ea7-bc67-154cc8cdf447, rgba(246, 246, 246, 0.8)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(246, 246, 246, 0.8);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(246, 246, 246, 0.8);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(246, 246, 246, 0.8);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Open Slots</p>
                                            </div>
                                            <div data-framer-name="10+" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="piAt1SZ3_" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(246, 246, 246);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(246, 246, 246);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(246, 246, 246);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">10 Slots</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div style="flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-border="true" data-framer-name="Fact Item Secondary" style="--border-bottom-width: 1px; --border-color: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); --border-left-width: 0px; --border-right-width: 0px; --border-style: dashed; --border-top-width: 0px; width: 100%; opacity: 1;--border-color: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246));--border-left-width: 0px;--border-right-width: 0px;--border-style: dashed;--border-top-width: 0px;width: 100%;opacity:1;flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:20px;height:36px;padding:0px 0px 12px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Brand Identity" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-8f7c8339-3751-4ea7-bc67-154cc8cdf447, rgba(246, 246, 246, 0.8)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-8f7c8339-3751-4ea7-bc67-154cc8cdf447, rgba(246, 246, 246, 0.8)));--framer-text-color: var(--extracted-r6o4lv, var(--token-8f7c8339-3751-4ea7-bc67-154cc8cdf447, rgba(246, 246, 246, 0.8)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(246, 246, 246, 0.8);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(246, 246, 246, 0.8);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(246, 246, 246, 0.8);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Current Location</p>
                                            </div>
                                            <div data-framer-name="10+" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="piAt1SZ3_" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(246, 246, 246);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(246, 246, 246);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(246, 246, 246);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">New York, USA</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <section data-framer-name="Testimonial Section" style="flex-flow:column nowrap;place-content:center;align-items:center;gap:0px;width: 100%;height:1165px;padding:130px 30px 75px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <div data-framer-name="Container" style="flex-flow:column nowrap;place-content:center;align-items:center;gap:10px;width: 100%;max-width:1300px;height:960px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <div data-framer-name="Content" style="flex-flow:column nowrap;place-content:center;align-items:center;gap:80px;width: 100%;height:960px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div data-framer-name="Title Wrapper" style="flex-flow:row nowrap;place-content:flex-end space-between;align-items:flex-end;width: 100%;height:112px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Title" style="flex-flow:column nowrap;place-content:flex-start center;align-items:flex-start;gap:16px;width: 1px;max-width:402px;height:112px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Section Title" style="opacity: 1;flex-flow:row nowrap;place-content:flex-start;align-items:flex-start;gap:4px;width: min-content;height:24px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="e1A1QVbW6" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(102, 102, 102);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">05</p>
                                            </div>
                                            <div data-framer-name="|" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="e1A1QVbW6" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(3, 130, 98);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(3, 130, 98);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(3, 130, 98);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">|</p>
                                            </div>
                                            <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="piAt1SZ3_" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(48, 64, 62);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Testimonial</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div data-framer-component-type="RichTextContainer" style="transform: none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <h2 data-styles-preset="dKDH__IPF" style="--framer-text-color: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 72px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -4.3px;--framer-line-height: 72px;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(48, 64, 62);font-size:72px;letter-spacing:-4.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:72px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Client stories</h2>
                                    </div>
                                </div>
                                <div data-framer-component-type="RichTextContainer" style="transform: none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;max-width:427px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <p data-styles-preset="cxrER54O1" style="--framer-text-alignment: left; --framer-text-color: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102));--framer-text-color: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(102, 102, 102);font-size:18px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:30.6px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Hear how our clients enjoy smooth collaboration and design solutions with Krafto that elevate their brands.</p>
                                </div>
                                <div data-framer-name="Rating" style="flex-flow:column nowrap;place-content:flex-end center;align-items:flex-end;gap:8px;width: 1px;max-width:191px;height:75px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Clients" style="flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:0px;width: 160px;height:46px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Image" style="border-radius:100%;flex: 0 0 auto;width: 46px;height:46px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:100%;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="640" height="640" sizes="45.9918px" srcset="https://framerusercontent.com/images/af6SP9yTqTqaTtohICjET9Z7xw.jpg?scale-down-to=512&amp;width=640&amp;height=640 512w,https://framerusercontent.com/images/af6SP9yTqTqaTtohICjET9Z7xw.jpg?width=640&amp;height=640 640w" src="https://framerusercontent.com/images/af6SP9yTqTqaTtohICjET9Z7xw.jpg?width=640&amp;height=640" alt="" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:46px;border-radius:100%;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                        </div>
                                        <div data-framer-name="Image" style="z-index:1;border-radius:100%;flex: 0 0 auto;width: 46px;height:46px;position:absolute;top:0px;left:39px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:100%;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="184" height="184" src="https://framerusercontent.com/images/kgjrGxxBeecC5J09QkEzKHtZpos.png?width=184&amp;height=184" alt="" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: fill;width: 100%;height:46px;border-radius:100%;corner-shape:round;object-position:50% 50%;object-fit:fill;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                        </div>
                                        <div data-framer-name="Image" style="z-index:1;border-radius:100%;flex: 0 0 auto;width: 46px;height:46px;position:absolute;top:0px;left:74px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:100%;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="184" height="184" src="https://framerusercontent.com/images/vCBOBgSqqqrD43LmDBKZrVmjYQ.png?width=184&amp;height=184" alt="" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: fill;width: 100%;height:46px;border-radius:100%;corner-shape:round;object-position:50% 50%;object-fit:fill;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                        </div>
                                        <div data-framer-name="Fact" style="background-color:rgb(48, 64, 62);z-index:1;border-radius:96px;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:0px;width: 46px;height:46px;padding:0px;display:flex;position:absolute;top:0px;right:0px;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="10k" data-framer-component-type="RichTextContainer" style="transform: none;--framer-paragraph-spacing: 0px;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="hhLrMaEVZ" style="--framer-text-color: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 600;--framer-font-weight-bold: 900;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(254, 254, 254);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(254, 254, 254);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(254, 254, 254);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">10k</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div data-framer-name="We've completed 90+ projects." data-framer-component-type="RichTextContainer" style="transform: none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <p data-styles-preset="MuvEza4Eb" style="--framer-text-alignment: right; --framer-text-color: var(--token-a586f71a-f796-45dc-8afa-324d9a615aec, rgb(51, 51, 51));--framer-text-color: var(--token-a586f71a-f796-45dc-8afa-324d9a615aec, rgb(51, 51, 51));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(51, 51, 51);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(51, 51, 51);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:21px;text-align:right;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(51, 51, 51);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">We've completed 90+ projects.</p>
                                    </div>
                                </div>
                            </div>
                            <div data-framer-name="Testimonial Cards Wrapper" style="height:768px;overflow:clip;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:30px;width: 100%;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div style="will-change: transform; opacity: 0; transform: translateY(80px);opacity:0;transform:matrix(1, 0, 0, 1, 0, 80);flex:1 0 0px;width: 1px;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Testimonial Card Video" style="width: 100%; border-radius: 12px; opacity: 1;border-radius:12px;opacity:1;cursor:default;flex-flow:column nowrap;place-content:flex-start;align-items:flex-start;gap:16px;height:768px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div style="opacity: 1;width: 100%;flex: 0 0 auto;height:484px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><video src="https://framerusercontent.com/assets/o0fW2M1Mo2KUYVgJInkBQ1dTQ.mp4" loop="" autoplay="" preload="auto" controls="" playsinline="" style="cursor: auto; width: 100%; height: 100%; border-radius: 8px; display: block; object-fit: cover; background-color: rgba(0, 0, 0, 0); object-position: 50% 50%;width: 100%;height:484px;border-radius:8px;display:block;object-fit:cover;background-color:rgba(0, 0, 0, 0);object-position:50% 50%;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></video></div>
                                        <div data-framer-name="Text and Info" style="background-color: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)); border-radius: 8px; opacity: 1;border-radius:8px;opacity:1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:32px;width: 100%;height:268px;padding:20px 16px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="DOyrt2dIU" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)));--framer-text-color: var(--extracted-r6o4lv, var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 600;--framer-font-weight-bold: 900;--framer-letter-spacing: -.3px;--framer-line-height: 140%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(70, 81, 80);font-size:20px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(70, 81, 80);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:28px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(70, 81, 80);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">“Working with Krafto felt like having an extension of our own creative team. Their attention to detail and design thinking brought our ideas to life beautifully.”</p>
                                            </div>
                                            <div data-framer-name="Client Info" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:30px;width: 100%;height:56px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Info" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:12px;width: 1px;height:56px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Avatar Image" style="border-radius: 100%; opacity: 1;opacity:1;flex: 0 0 auto;width: 56px;height:56px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:100%;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="224" height="224" src="https://framerusercontent.com/images/ZWZEKYTnJ60W7wmPhQHuo1gac9A.png?width=224&amp;height=224" alt="" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: fill;width: 100%;height:56px;border-radius:100%;corner-shape:round;object-position:50% 50%;object-fit:fill;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                    </div>
                                                    <div data-framer-name="Name and Designation" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:0px;width: 1px;height:48px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="hhLrMaEVZ" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)));--framer-text-color: var(--extracted-r6o4lv, var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 600;--framer-font-weight-bold: 900;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(70, 81, 80);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(70, 81, 80);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(70, 81, 80);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Aisha Ahmed</p>
                                                        </div>
                                                        <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(102, 102, 102);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Marketing Lead</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div style="will-change: transform; opacity: 0; transform: translateY(-80px);opacity:0;transform:matrix(1, 0, 0, 1, 0, -80);flex:1 0 0px;width: 1px;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Testimonial Card Video Secondary" style="width: 100%; border-radius: 12px; opacity: 1;border-radius:12px;opacity:1;cursor:default;flex-flow:column nowrap;place-content:flex-start;align-items:flex-start;gap:16px;height:768px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div style="opacity: 1;order:2;width: 100%;flex: 0 0 auto;height:484px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><video src="https://framerusercontent.com/assets/XwvNbnm9uJrGAsoOjw8UALBaAw.mp4" loop="" autoplay="" preload="auto" controls="" playsinline="" style="cursor: auto; width: 100%; height: 100%; border-radius: 8px; display: block; object-fit: cover; background-color: rgba(0, 0, 0, 0); object-position: 50% 50%;width: 100%;height:484px;border-radius:8px;display:block;object-fit:cover;background-color:rgba(0, 0, 0, 0);object-position:50% 50%;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></video></div>
                                        <div data-framer-name="Text and Info" style="background-color: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)); border-radius: 8px; opacity: 1;border-radius:8px;opacity:1;order:1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:32px;width: 100%;height:268px;padding:20px 16px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="DOyrt2dIU" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)));--framer-text-color: var(--extracted-r6o4lv, var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 600;--framer-font-weight-bold: 900;--framer-letter-spacing: -.3px;--framer-line-height: 140%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(70, 81, 80);font-size:20px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(70, 81, 80);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:28px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(70, 81, 80);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">“Krafto completely transformed how our fashion brand connects with customers. Their design sense is sharp, minimal, and full of personality — exactly what we needed to stand out.”</p>
                                            </div>
                                            <div data-framer-name="Client Info" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:30px;width: 100%;height:56px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Info" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:12px;width: 1px;height:56px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Avatar Image" style="border-radius: 100%; opacity: 1;opacity:1;flex: 0 0 auto;width: 56px;height:56px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:100%;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="224" height="224" src="https://framerusercontent.com/images/TBvUvH0QRpExfLrygmqYk7kYQ.png?width=224&amp;height=224" alt="" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: fill;width: 100%;height:56px;border-radius:100%;corner-shape:round;object-position:50% 50%;object-fit:fill;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                    </div>
                                                    <div data-framer-name="Name and Designation" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:0px;width: 1px;height:48px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="hhLrMaEVZ" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)));--framer-text-color: var(--extracted-r6o4lv, var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 600;--framer-font-weight-bold: 900;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(70, 81, 80);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(70, 81, 80);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(70, 81, 80);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Kenneth Hollon</p>
                                                        </div>
                                                        <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(102, 102, 102);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Lead Designer</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div style="will-change: transform; opacity: 0; transform: translateY(80px);opacity:0;transform:matrix(1, 0, 0, 1, 0, 80);flex:1 0 0px;width: 1px;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Testimonial Card" style="width: 100%; border-radius: 12px; opacity: 1;border-radius:12px;opacity:1;cursor:default;flex-flow:column nowrap;place-content:flex-start;align-items:flex-start;gap:16px;height:764.891px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Image" style="opacity: 1;aspect-ratio:0.859504 / 1;height:480.891px;flex: 0 0 auto;width: 100%;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="416" height="484" src="https://framerusercontent.com/images/xRCsTiTseUQ8iNEygvwEdLgvXUQ.svg?width=416&amp;height=484" alt="" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:480.891px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                        </div>
                                        <div data-framer-name="Text and Info" style="background-color: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)); border-radius: 8px; opacity: 1;border-radius:8px;opacity:1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:32px;width: 100%;height:268px;padding:20px 16px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="DOyrt2dIU" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)));--framer-text-color: var(--extracted-r6o4lv, var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 600;--framer-font-weight-bold: 900;--framer-letter-spacing: -.3px;--framer-line-height: 140%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(70, 81, 80);font-size:20px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(70, 81, 80);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:28px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(70, 81, 80);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">“Krafto reshaped the way our fashion label engages its audience. Their aesthetic is clean, bold, and packed with character — precisely what we needed to rise above globally seen.”</p>
                                            </div>
                                            <div data-framer-name="Client Info" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:30px;width: 100%;height:56px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Info" style="opacity: 1;flex-flow:row nowrap;flex:1 0 0px;place-content:center flex-start;align-items:center;gap:12px;width: 1px;height:56px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Avatar Image" style="border-radius: 100%; opacity: 1;opacity:1;flex: 0 0 auto;width: 56px;height:56px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:100%;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="224" height="224" src="https://framerusercontent.com/images/hInbtuQkNlrVt9NwDVRFR365qw.png?width=224&amp;height=224" alt="" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: fill;width: 100%;height:56px;border-radius:100%;corner-shape:round;object-position:50% 50%;object-fit:fill;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                    </div>
                                                    <div data-framer-name="Name and Designation" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:0px;width: 1px;height:48px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="hhLrMaEVZ" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)));--framer-text-color: var(--extracted-r6o4lv, var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 600;--framer-font-weight-bold: 900;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(70, 81, 80);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(70, 81, 80);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(70, 81, 80);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Scott Snow</p>
                                                        </div>
                                                        <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(102, 102, 102);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Chief Engr.</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <section data-framer-name="Pricing Section" style="flex-flow:column nowrap;place-content:center;align-items:center;gap:0px;width: 100%;height:875px;padding:75px 30px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <div data-framer-name="Container" style="flex-flow:column nowrap;place-content:center;align-items:center;gap:10px;width: 100%;max-width:1300px;height:725px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <div data-framer-name="Content" style="flex-flow:column nowrap;place-content:center;align-items:center;gap:80px;width: 100%;height:725px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div data-framer-name="Title Wrapper" style="flex-flow:row nowrap;place-content:flex-end flex-start;align-items:flex-end;gap:20px;width: 100%;height:112px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Title" style="flex-flow:column nowrap;place-content:flex-start center;align-items:flex-start;gap:16px;width: 1px;height:112px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Section Title" style="opacity: 1;flex-flow:row nowrap;place-content:flex-start;align-items:flex-start;gap:4px;width: min-content;height:24px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="e1A1QVbW6" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(102, 102, 102);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">06</p>
                                            </div>
                                            <div data-framer-name="|" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="e1A1QVbW6" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(3, 130, 98);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(3, 130, 98);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(3, 130, 98);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">|</p>
                                            </div>
                                            <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="piAt1SZ3_" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(48, 64, 62);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Pricing</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div data-framer-component-type="RichTextContainer" style="transform: none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <h2 data-styles-preset="dKDH__IPF" style="--framer-text-color: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 72px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -4.3px;--framer-line-height: 72px;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(48, 64, 62);font-size:72px;letter-spacing:-4.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:72px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Best pricing</h2>
                                    </div>
                                </div>
                                <div data-framer-component-type="RichTextContainer" style="transform: none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;max-width:427px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <p data-styles-preset="cxrER54O1" style="--framer-text-alignment: left; --framer-text-color: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102));--framer-text-color: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(102, 102, 102);font-size:18px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:30.6px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Choose the plan that best fits your needs. From a solid foundation to a fully optimized solution</p>
                                </div>
                            </div>
                            <div data-framer-name="Cards Wrapper" style="background-color:rgb(48, 64, 62);height:533px;overflow:clip;will-change:auto;border-radius:16px;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:8px;width: 100%;padding:8px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div style="will-change: transform; opacity: 0; transform: translateX(-80px);opacity:0;transform:matrix(1, 0, 0, 1, -80, 0);flex:1 0 0px;width: 1px;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Pricing Card" style="background-color: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); width: 100%; border-radius: 8px; opacity: 1;width: 100%;border-radius:8px;opacity:1;flex-flow:column nowrap;place-content:flex-start center;align-items:flex-start;gap:40px;height:517px;padding:24px 16px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Text Wrapper" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:32px;width: 100%;height:381px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Price Title" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:flex-start space-between;align-items:flex-start;width: 100%;max-width:560px;height:116px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Price Title" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:16px;width: 1px;max-width:223px;height:116px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Logo" style="opacity: 1;height:34px;overflow:clip;will-change:auto;flex: 0 0 auto;width: 100px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="100" height="34" src="https://framerusercontent.com/images/89leggXpJNAHHsML3p6yrIgimw.svg?width=100&amp;height=34" alt="Logo" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:34px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                    </div>
                                                    <div data-framer-name="Title" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:8px;width: 100%;height:66px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Heading" data-framer-component-type="RichTextContainer" style="--extracted-1w1cjl5: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <h6 data-styles-preset="rBXvFaSxK" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-1w1cjl5, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-text-color: var(--extracted-1w1cjl5, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 28px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: 1px;--framer-line-height: 34px;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(48, 64, 62);font-size:28px;letter-spacing:1px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:34px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Basic Plan</h6>
                                                        </div>
                                                        <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(102, 102, 102);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Startups &amp; Small Businesses</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div data-framer-name="Container" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:flex-end;align-items:flex-end;gap:0px;width: min-content;height:57.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-component-type="RichTextContainer" style="--extracted-1eung3n: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <h4 data-styles-preset="CdJJUdyHk" style="--framer-text-color: var(--extracted-1eung3n, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 48px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -3px;--framer-line-height: 120%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(48, 64, 62);font-size:48px;letter-spacing:-3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:57.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">$199</h4>
                                                    </div>
                                                    <div style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:30px;width: min-content;height:45.5938px;padding:0px 0px 4px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-component-type="RichTextContainer" style="--extracted-1lwpl3i: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <h5 data-styles-preset="hRHJQpYZX" style="--framer-text-color: var(--extracted-1lwpl3i, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 32px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: 0em;--framer-line-height: 130%;--framer-paragraph-spacing: 0px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(48, 64, 62);font-size:32px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:41.6px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">/mo</h5>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div style="background-color: var(--token-a586f71a-f796-45dc-8afa-324d9a615aec, rgb(51, 51, 51)); opacity: 0.1;opacity:0.1;height:1px;overflow:clip;flex: 0 0 auto;width: 100%;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                            <div data-framer-name="Content" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:24px;width: 100%;height:200px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-text-color: var(--extracted-r6o4lv, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(48, 64, 62);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">What's included:</p>
                                                </div>
                                                <div data-framer-name="Content" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:30px;width: 100%;height:152px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="List" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:16px;width: 1px;height:104px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div style="opacity: 1;flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Check List" style="width: 100%; opacity: 1;opacity:1;flex-flow:row nowrap;place-content:flex-start;align-items:flex-start;gap:8px;height:24px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div style="opacity: 1;flex: 0 0 auto;width: 22px;height:22px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98)); color: var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98)); flex-shrink: 0;width: 100%;height:22px;display:inline-block;fill:rgb(3, 130, 98);color:rgb(3, 130, 98);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <g color="var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98))" weight="bold" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <path d="M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                            </g>
                                                                        </svg></div>
                                                                </div>
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(102, 102, 102);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">A dedicated project manager</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div style="opacity: 1;flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Check List" style="width: 100%; opacity: 1;opacity:1;flex-flow:row nowrap;place-content:flex-start;align-items:flex-start;gap:8px;height:24px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div style="opacity: 1;flex: 0 0 auto;width: 22px;height:22px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98)); color: var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98)); flex-shrink: 0;width: 100%;height:22px;display:inline-block;fill:rgb(3, 130, 98);color:rgb(3, 130, 98);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <g color="var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98))" weight="bold" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <path d="M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                            </g>
                                                                        </svg></div>
                                                                </div>
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(102, 102, 102);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Weekly design updates</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div style="opacity: 1;flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Check List" style="width: 100%; opacity: 1;opacity:1;flex-flow:row nowrap;place-content:flex-start;align-items:flex-start;gap:8px;height:24px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div style="opacity: 1;flex: 0 0 auto;width: 22px;height:22px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98)); color: var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98)); flex-shrink: 0;width: 100%;height:22px;display:inline-block;fill:rgb(3, 130, 98);color:rgb(3, 130, 98);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <g color="var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98))" weight="bold" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <path d="M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                            </g>
                                                                        </svg></div>
                                                                </div>
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(102, 102, 102);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Frontend Development</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div data-framer-name="List" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:16px;width: 1px;height:152px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div style="opacity: 1;flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Check List" style="width: 100%; opacity: 1;opacity:1;flex-flow:row nowrap;place-content:flex-start;align-items:flex-start;gap:8px;height:48px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div style="opacity: 1;flex: 0 0 auto;width: 22px;height:22px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98)); color: var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98)); flex-shrink: 0;width: 100%;height:22px;display:inline-block;fill:rgb(3, 130, 98);color:rgb(3, 130, 98);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <g color="var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98))" weight="bold" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <path d="M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                            </g>
                                                                        </svg></div>
                                                                </div>
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(102, 102, 102);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Easy communication using email, video calls, and more.</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div style="opacity: 1;flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Check List" style="width: 100%; opacity: 1;opacity:1;flex-flow:row nowrap;place-content:flex-start;align-items:flex-start;gap:8px;height:48px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div style="opacity: 1;flex: 0 0 auto;width: 22px;height:22px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98)); color: var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98)); flex-shrink: 0;width: 100%;height:22px;display:inline-block;fill:rgb(3, 130, 98);color:rgb(3, 130, 98);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <g color="var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98))" weight="bold" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <path d="M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                            </g>
                                                                        </svg></div>
                                                                </div>
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(102, 102, 102);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Simple pricing, transparent billing.</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div style="opacity: 1;flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Check List" style="width: 100%; opacity: 1;opacity:1;flex-flow:row nowrap;place-content:flex-start;align-items:flex-start;gap:8px;height:24px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div style="opacity: 1;flex: 0 0 auto;width: 22px;height:22px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98)); color: var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98)); flex-shrink: 0;width: 100%;height:22px;display:inline-block;fill:rgb(3, 130, 98);color:rgb(3, 130, 98);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <g color="var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98))" weight="bold" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <path d="M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                            </g>
                                                                        </svg></div>
                                                                </div>
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(102, 102, 102);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">24/7 customer support</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div style="opacity: 1;flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Button" href="./#contact" style="background-color: var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98)); width: 100%; border-radius: 32px; opacity: 1;width: 100%;border-radius:32px;opacity:1;cursor:pointer;height:48px;overflow:clip;will-change:auto;flex-flow:column nowrap;place-content:center;align-items:center;gap:8px;padding:12px 24px;text-decoration:none;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Button" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)); --framer-paragraph-spacing: 0px; transform: translateX(-50%); opacity: 1;--framer-paragraph-spacing: 0px;transform:matrix(1, 0, 0, 1, -60.1875, 0);opacity:1;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:absolute;top:-50px;left:296.938px;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p data-styles-preset="piAt1SZ3_" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(254, 254, 254);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(254, 254, 254);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(254, 254, 254);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Get Started Now</p>
                                                </div>
                                                <div data-framer-name="Button" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p data-styles-preset="piAt1SZ3_" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(254, 254, 254);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(254, 254, 254);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(254, 254, 254);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Get Started Now</p>
                                                </div>
                                            </a></div>
                                    </div>
                                </div>
                                <div style="will-change: transform; opacity: 0; transform: translateX(80px);opacity:0;transform:matrix(1, 0, 0, 1, 80, 0);flex:1 0 0px;width: 1px;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Pricing Card Dark" style="background-color: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); width: 100%; border-radius: 8px; opacity: 1;width: 100%;border-radius:8px;opacity:1;flex-flow:column nowrap;place-content:flex-start center;align-items:flex-start;gap:40px;height:517px;padding:24px 16px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Text Wrapper" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:32px;width: 100%;height:381px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Price Title" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:flex-start space-between;align-items:flex-start;width: 100%;max-width:560px;height:116px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Price Title" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:16px;width: 1px;max-width:223px;height:116px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Logo" style="opacity: 1;height:34px;overflow:clip;will-change:auto;flex: 0 0 auto;width: 100px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="100" height="34" src="https://framerusercontent.com/images/NU96sZ0AAtHdtGkZ61dqgs19eDs.svg?width=100&amp;height=34" alt="Logo" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:34px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                    </div>
                                                    <div data-framer-name="Title" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:8px;width: 100%;height:66px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="Heading" data-framer-component-type="RichTextContainer" style="--extracted-1w1cjl5: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <h6 data-styles-preset="rBXvFaSxK" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-1w1cjl5, var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)));--framer-text-color: var(--extracted-1w1cjl5, var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 28px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: 1px;--framer-line-height: 34px;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(246, 246, 246);font-size:28px;letter-spacing:1px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(246, 246, 246);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:34px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(246, 246, 246);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Premium Plan</h6>
                                                        </div>
                                                        <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-8f7c8339-3751-4ea7-bc67-154cc8cdf447, rgb(246, 246, 246)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-8f7c8339-3751-4ea7-bc67-154cc8cdf447, rgb(246, 246, 246)));--framer-text-color: var(--extracted-r6o4lv, var(--token-8f7c8339-3751-4ea7-bc67-154cc8cdf447, rgb(246, 246, 246)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(246, 246, 246, 0.8);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(246, 246, 246, 0.8);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(246, 246, 246, 0.8);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Mid to Large Businesses</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div data-framer-name="Container" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:flex-end;align-items:flex-end;gap:0px;width: min-content;height:57.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-component-type="RichTextContainer" style="--extracted-1eung3n: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <h4 data-styles-preset="CdJJUdyHk" style="--framer-text-color: var(--extracted-1eung3n, var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 48px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -3px;--framer-line-height: 120%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(246, 246, 246);font-size:48px;letter-spacing:-3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(246, 246, 246);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:57.6px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(246, 246, 246);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">$599</h4>
                                                    </div>
                                                    <div style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:30px;width: min-content;height:45.5938px;padding:0px 0px 4px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-component-type="RichTextContainer" style="--extracted-1lwpl3i: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <h5 data-styles-preset="hRHJQpYZX" style="--framer-text-color: var(--extracted-1lwpl3i, var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 32px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: 0em;--framer-line-height: 130%;--framer-paragraph-spacing: 0px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(246, 246, 246);font-size:32px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(246, 246, 246);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:41.6px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(246, 246, 246);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">/mo</h5>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div style="background-color: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)); opacity: 0.1;opacity:0.1;height:1px;overflow:clip;flex: 0 0 auto;width: 100%;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                            <div data-framer-name="Content" style="opacity: 1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:24px;width: 100%;height:200px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)));--framer-text-color: var(--extracted-r6o4lv, var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(246, 246, 246);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(246, 246, 246);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(246, 246, 246);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">What's included:</p>
                                                </div>
                                                <div data-framer-name="Content" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:30px;width: 100%;height:152px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="List" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:16px;width: 1px;height:152px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div style="opacity: 1;flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Check List White" style="width: 100%; opacity: 1;opacity:1;flex-flow:row nowrap;place-content:flex-start;align-items:flex-start;gap:8px;height:48px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div style="opacity: 1;flex: 0 0 auto;width: 22px;height:22px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); color: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); flex-shrink: 0;width: 100%;height:22px;display:inline-block;fill:rgb(246, 246, 246);color:rgb(246, 246, 246);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <g color="var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246))" weight="bold" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <path d="M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                            </g>
                                                                        </svg></div>
                                                                </div>
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)));--framer-text-color: var(--extracted-r6o4lv, var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(254, 254, 254);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(254, 254, 254);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(254, 254, 254);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Project Manager, Senior Designer and Developer.</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div style="opacity: 1;flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Check List White" style="width: 100%; opacity: 1;opacity:1;flex-flow:row nowrap;place-content:flex-start;align-items:flex-start;gap:8px;height:48px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div style="opacity: 1;flex: 0 0 auto;width: 22px;height:22px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); color: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); flex-shrink: 0;width: 100%;height:22px;display:inline-block;fill:rgb(246, 246, 246);color:rgb(246, 246, 246);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <g color="var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246))" weight="bold" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <path d="M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                            </g>
                                                                        </svg></div>
                                                                </div>
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)));--framer-text-color: var(--extracted-r6o4lv, var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(254, 254, 254);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(254, 254, 254);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(254, 254, 254);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Dedicated team led by a manager.</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div style="opacity: 1;flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Check List White" style="width: 100%; opacity: 1;opacity:1;flex-flow:row nowrap;place-content:flex-start;align-items:flex-start;gap:8px;height:24px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div style="opacity: 1;flex: 0 0 auto;width: 22px;height:22px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); color: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); flex-shrink: 0;width: 100%;height:22px;display:inline-block;fill:rgb(246, 246, 246);color:rgb(246, 246, 246);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <g color="var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246))" weight="bold" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <path d="M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                            </g>
                                                                        </svg></div>
                                                                </div>
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)));--framer-text-color: var(--extracted-r6o4lv, var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(254, 254, 254);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(254, 254, 254);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(254, 254, 254);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Unlimited design and requests</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div data-framer-name="List" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start;align-items:flex-start;gap:16px;width: 1px;height:128px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div style="opacity: 1;flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Check List White" style="width: 100%; opacity: 1;opacity:1;flex-flow:row nowrap;place-content:flex-start;align-items:flex-start;gap:8px;height:24px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div style="opacity: 1;flex: 0 0 auto;width: 22px;height:22px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); color: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); flex-shrink: 0;width: 100%;height:22px;display:inline-block;fill:rgb(246, 246, 246);color:rgb(246, 246, 246);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <g color="var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246))" weight="bold" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <path d="M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                            </g>
                                                                        </svg></div>
                                                                </div>
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)));--framer-text-color: var(--extracted-r6o4lv, var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(254, 254, 254);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(254, 254, 254);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(254, 254, 254);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Fast task completion</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div style="opacity: 1;flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Check List White" style="width: 100%; opacity: 1;opacity:1;flex-flow:row nowrap;place-content:flex-start;align-items:flex-start;gap:8px;height:24px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div style="opacity: 1;flex: 0 0 auto;width: 22px;height:22px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); color: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); flex-shrink: 0;width: 100%;height:22px;display:inline-block;fill:rgb(246, 246, 246);color:rgb(246, 246, 246);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <g color="var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246))" weight="bold" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <path d="M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                            </g>
                                                                        </svg></div>
                                                                </div>
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)));--framer-text-color: var(--extracted-r6o4lv, var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(254, 254, 254);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(254, 254, 254);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(254, 254, 254);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Daily project updates</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div style="opacity: 1;flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div data-framer-name="Check List White" style="width: 100%; opacity: 1;opacity:1;flex-flow:row nowrap;place-content:flex-start;align-items:flex-start;gap:8px;height:48px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <div style="opacity: 1;flex: 0 0 auto;width: 22px;height:22px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <div style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); color: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246)); flex-shrink: 0;width: 100%;height:22px;display:inline-block;fill:rgb(246, 246, 246);color:rgb(246, 246, 246);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                            <g color="var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246))" weight="bold" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                                <path d="M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                            </g>
                                                                        </svg></div>
                                                                </div>
                                                                <div data-framer-name="Text" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)));--framer-text-color: var(--extracted-r6o4lv, var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(254, 254, 254);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(254, 254, 254);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(254, 254, 254);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Flexible: Upgrade, downgrade, or cancel anytime</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div style="opacity: 1;flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Button" href="./#contact" style="background-color: var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98)); width: 100%; border-radius: 32px; opacity: 1;width: 100%;border-radius:32px;opacity:1;cursor:pointer;height:48px;overflow:clip;will-change:auto;flex-flow:column nowrap;place-content:center;align-items:center;gap:8px;padding:12px 24px;text-decoration:none;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Button" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)); --framer-paragraph-spacing: 0px; transform: translateX(-50%); opacity: 1;--framer-paragraph-spacing: 0px;transform:matrix(1, 0, 0, 1, -60.1875, 0);opacity:1;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:absolute;top:-50px;left:296.938px;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p data-styles-preset="piAt1SZ3_" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(254, 254, 254);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(254, 254, 254);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(254, 254, 254);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Get Started Now</p>
                                                </div>
                                                <div data-framer-name="Button" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p data-styles-preset="piAt1SZ3_" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(254, 254, 254);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(254, 254, 254);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(254, 254, 254);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Get Started Now</p>
                                                </div>
                                            </a></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <section data-framer-name="FAQ Section" style="flex-flow:column nowrap;place-content:center;align-items:center;gap:0px;width: 100%;height:722.781px;padding:75px 30px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <div data-framer-name="Container" style="flex-flow:column nowrap;place-content:center;align-items:center;gap:10px;width: 100%;max-width:1300px;height:572.781px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <div data-framer-name="Content" style="flex-flow:row nowrap;place-content:flex-start space-between;align-items:flex-start;width: 100%;height:572.781px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div data-framer-name="Contact Wrapper" style="will-change: transform; opacity: 0; transform: translateX(-80px);opacity:0;transform:matrix(1, 0, 0, 1, -80, 0);background-color:rgb(254, 254, 254);border-radius:8px;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start center;align-items:flex-start;gap:83px;width: 1px;max-width:530px;height:572.781px;padding:56px 32px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Text Wrapper" style="flex-flow:column nowrap;place-content:flex-start;align-items:flex-start;gap:32px;width: 100%;height:319.188px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Image" style="will-change:auto;border-radius:54px;flex: 0 0 auto;gap:0px;width: 85px;height:85px;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:54px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="400" height="400" src="https://framerusercontent.com/images/fu79NAk2pHPMKVLmBpLCgikZk.jpg?width=400&amp;height=400" alt="" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:85px;border-radius:54px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                    </div>
                                    <div data-framer-name="Title and Button" style="flex-flow:column nowrap;place-content:flex-start;align-items:flex-start;gap:32px;width: 100%;height:202.188px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Title and Text" style="flex-flow:column nowrap;place-content:flex-start;align-items:flex-start;gap:16px;width: 100%;height:122.188px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-component-type="RichTextContainer" style="transform: none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <h5 data-styles-preset="ARTcp12Lm" style="--framer-text-alignment: left; --framer-text-color: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62));--framer-text-color: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 36px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -2px;--framer-line-height: 125%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(48, 64, 62);font-size:36px;letter-spacing:-2px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:45px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Book an intro call</h5>
                                            </div>
                                            <div data-framer-component-type="RichTextContainer" style="transform: none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="cxrER54O1" style="--framer-text-alignment: left; --framer-text-color: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102));--framer-text-color: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(102, 102, 102);font-size:18px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:30.6px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Select the option that suits you best, whether you need a basic setup or a comprehensive solution.</p>
                                            </div>
                                        </div>
                                        <div style="flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Button" href="./#contact" style="background-color: var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98)); border-radius: 32px; opacity: 1;border-radius:32px;opacity:1;cursor:pointer;height:48px;overflow:clip;will-change:auto;flex-flow:column nowrap;place-content:center;align-items:center;gap:8px;width: min-content;padding:12px 24px;text-decoration:none;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Button" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)); --framer-paragraph-spacing: 0px; transform: translateX(-50%); opacity: 1;--framer-paragraph-spacing: 0px;transform:matrix(1, 0, 0, 1, -41.8828, 0);opacity:1;white-space:pre;z-index:1;flex: 0 0 auto;width: auto;height: auto;position:absolute;top:-50px;left:64.5625px;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p data-styles-preset="piAt1SZ3_" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(254, 254, 254);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(254, 254, 254);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(254, 254, 254);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Book A Call</p>
                                                </div>
                                                <div data-framer-name="Button" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p data-styles-preset="piAt1SZ3_" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(254, 254, 254);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(254, 254, 254);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(254, 254, 254);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Book A Call</p>
                                                </div>
                                            </a></div>
                                    </div>
                                </div>
                                <div data-framer-name="Mail Wrapper" style="flex-flow:row nowrap;place-content:center;align-items:center;gap:8px;width: 100%;height:58.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Icon Wrapper" style="background-color:rgb(246, 246, 246);height:48px;overflow:clip;will-change:auto;border-radius:100%;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:30px;width: 48px;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Icon" style="height:24px;overflow:clip;will-change:auto;flex: 0 0 auto;width: 24px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="24" height="24" src="https://framerusercontent.com/images/Tgxeed9sgKAMldQn2onR5Z3JFc.svg?width=24&amp;height=24" alt="" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: contain;width: 100%;height:24px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:contain;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                        </div>
                                    </div>
                                    <div data-framer-name="Mail" style="flex-flow:column nowrap;place-content:flex-start;align-items:flex-start;gap:4px;width: 1px;height:58.5938px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Do you prefer email communication?" data-framer-component-type="RichTextContainer" style="transform: none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <p data-styles-preset="hhLrMaEVZ" style="--framer-text-alignment: left; --framer-text-color: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62));--framer-text-color: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 600;--framer-font-weight-bold: 900;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(48, 64, 62);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Do you prefer email communication? </p>
                                        </div>
                                        <div data-framer-component-type="RichTextContainer" style="transform: none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <p data-styles-preset="cxrER54O1" style="--framer-text-alignment: left; --framer-text-color: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102));--framer-text-color: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(102, 102, 102);font-size:18px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:30.6px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-styles-preset="s242_ReF7" href="mailto:info@krafto.com" target="_blank" rel="noopener" style="--framer-link-hover-text-color: 1;--framer-link-text-color: 1;color:rgb(48, 64, 62);text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;background-color:rgba(0, 0, 0, 0);font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;font-size:18px;text-transform:none;cursor:pointer;border-radius:0px;corner-shape:round;padding:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">info@krafto.com</a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div data-framer-name="Heading and Faq" style="will-change: transform; opacity: 0; transform: translateX(80px);opacity:0;transform:matrix(1, 0, 0, 1, 80, 0);max-width:700px;height:561px;overflow:clip;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start center;align-items:flex-start;gap:64px;width: 1px;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-component-type="RichTextContainer" style="transform: none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <h2 data-styles-preset="dKDH__IPF" style="--framer-text-alignment: left; --framer-text-color: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62));--framer-text-color: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 72px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -4.3px;--framer-line-height: 72px;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(48, 64, 62);font-size:72px;letter-spacing:-4.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:72px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Frequently Asked Question</h2>
                                </div>
                                <div style="flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="FAQ Tab/01" style="width: 100%; opacity: 1;opacity:1;flex-flow:column nowrap;place-content:center;align-items:center;gap:34px;height:353px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div style="opacity: 1;flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-border="true" data-framer-name="Faq Card V1 Open" data-highlight="true" tabindex="0" style="--border-bottom-width: 1px; --border-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139)); --border-left-width: 0px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0px; width: 100%; opacity: 1;--border-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139));--border-left-width: 0px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0px;width: 100%;opacity:1;align-content:flex-start;align-items:flex-start;cursor:pointer;flex-flow:row nowrap;place-content:flex-start space-between;height:110px;padding:0px 0px 18px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Question and Answer" style="opacity: 1;gap:16px;flex-flow:column nowrap;flex:1 0 0px;place-content:center;align-items:center;width: 1px;height:92px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Question Wrapper" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:18px;width: 100%;height:28px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="DOyrt2dIU" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-text-color: var(--extracted-r6o4lv, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 600;--framer-font-weight-bold: 900;--framer-letter-spacing: -.3px;--framer-line-height: 140%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(48, 64, 62);font-size:20px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:28px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">What is your design process ?</p>
                                                        </div>
                                                    </div>
                                                    <div data-framer-name="Answer Wrapper" style="opacity: 1;height:48px;z-index:1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:25px;width: 100%;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="We provide customized solutions tailored to the specific needs and goals of their clients. This can include website development, mobile app development, digital marketing." data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(102, 102, 102);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Our design process follows a structured approach starting with Discovery &amp; Research, where I understand your goals, users, and requirements through interviews.</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div style="transform: rotate(45deg); opacity: 1;opacity:1;flex: 0 0 auto;width: 24px;height:24px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); color: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); flex-shrink: 0;width: 100%;height:24px;display:inline-block;fill:rgb(48, 64, 62);color:rgb(48, 64, 62);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <g color="var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62))" weight="regular" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <path d="M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                            </g>
                                                        </svg></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div style="opacity: 1;flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-border="true" data-framer-name="Faq Card V1 Closed" data-highlight="true" tabindex="0" style="--border-bottom-width: 1px; --border-color: var(--token-c27d000c-dad0-4f24-8c0e-33ea23381af3, rgba(154, 207, 139, 0.2)); --border-left-width: 0px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0px; width: 100%; opacity: 1;--border-color: var(--token-c27d000c-dad0-4f24-8c0e-33ea23381af3, rgba(154, 207, 139, 0.2));--border-left-width: 0px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0px;width: 100%;opacity:1;cursor:pointer;flex-flow:row nowrap;place-content:center space-between;align-items:center;height:47px;padding:0px 0px 18px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Question and Answer" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:0px;width: 1px;height:29px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Question Wrapper" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:18px;width: 100%;height:28px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="DOyrt2dIU" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-text-color: var(--extracted-r6o4lv, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 600;--framer-font-weight-bold: 900;--framer-letter-spacing: -.3px;--framer-line-height: 140%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(48, 64, 62);font-size:20px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:28px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Do you design for both web and mobile platforms?</p>
                                                        </div>
                                                    </div>
                                                    <div data-framer-name="Answer Wrapper" style="opacity: 0;z-index:1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:25px;width: 100%;height:1px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="We provide customized solutions tailored to the specific needs and goals of their clients. This can include website development, mobile app development, digital marketing." data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(102, 102, 102);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Yes, we specialize in designing for both web and mobile platforms, including responsive websites, web applications, iOS apps, and Android apps. </p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div style="transform: none; opacity: 1;opacity:1;flex: 0 0 auto;width: 24px;height:24px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); color: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); flex-shrink: 0;width: 100%;height:24px;display:inline-block;fill:rgb(48, 64, 62);color:rgb(48, 64, 62);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <g color="var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62))" weight="regular" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <path d="M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                            </g>
                                                        </svg></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div style="opacity: 1;flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-border="true" data-framer-name="Faq Card V1 Closed" data-highlight="true" tabindex="0" style="--border-bottom-width: 1px; --border-color: var(--token-c27d000c-dad0-4f24-8c0e-33ea23381af3, rgba(154, 207, 139, 0.2)); --border-left-width: 0px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0px; width: 100%; opacity: 1;--border-color: var(--token-c27d000c-dad0-4f24-8c0e-33ea23381af3, rgba(154, 207, 139, 0.2));--border-left-width: 0px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0px;width: 100%;opacity:1;cursor:pointer;flex-flow:row nowrap;place-content:center space-between;align-items:center;height:47px;padding:0px 0px 18px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Question and Answer" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:0px;width: 1px;height:29px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Question Wrapper" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:18px;width: 100%;height:28px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="DOyrt2dIU" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-text-color: var(--extracted-r6o4lv, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 600;--framer-font-weight-bold: 900;--framer-letter-spacing: -.3px;--framer-line-height: 140%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(48, 64, 62);font-size:20px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:28px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Can you work with my existing brand guidelines and developers?</p>
                                                        </div>
                                                    </div>
                                                    <div data-framer-name="Answer Wrapper" style="opacity: 0;z-index:1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:25px;width: 100%;height:1px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="We provide customized solutions tailored to the specific needs and goals of their clients. This can include website development, mobile app development, digital marketing." data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(102, 102, 102);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Absolutely! We are experienced in working within established brand guidelines and collaborating with development teams. </p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div style="transform: none; opacity: 1;opacity:1;flex: 0 0 auto;width: 24px;height:24px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); color: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); flex-shrink: 0;width: 100%;height:24px;display:inline-block;fill:rgb(48, 64, 62);color:rgb(48, 64, 62);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <g color="var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62))" weight="regular" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <path d="M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                            </g>
                                                        </svg></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div style="opacity: 1;flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-border="true" data-framer-name="Faq Card V1 Closed" data-highlight="true" tabindex="0" style="--border-bottom-width: 1px; --border-color: var(--token-c27d000c-dad0-4f24-8c0e-33ea23381af3, rgba(154, 207, 139, 0.2)); --border-left-width: 0px; --border-right-width: 0px; --border-style: solid; --border-top-width: 0px; width: 100%; opacity: 1;--border-color: var(--token-c27d000c-dad0-4f24-8c0e-33ea23381af3, rgba(154, 207, 139, 0.2));--border-left-width: 0px;--border-right-width: 0px;--border-style: solid;--border-top-width: 0px;width: 100%;opacity:1;cursor:pointer;flex-flow:row nowrap;place-content:center space-between;align-items:center;height:47px;padding:0px 0px 18px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Question and Answer" style="opacity: 1;flex-flow:column nowrap;flex:1 0 0px;place-content:center;align-items:center;gap:0px;width: 1px;height:29px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Question Wrapper" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:18px;width: 100%;height:28px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="DOyrt2dIU" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-text-color: var(--extracted-r6o4lv, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 20px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 600;--framer-font-weight-bold: 900;--framer-letter-spacing: -.3px;--framer-line-height: 140%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(48, 64, 62);font-size:20px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:28px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">What deliverables will I receive at the end of the project?</p>
                                                        </div>
                                                    </div>
                                                    <div data-framer-name="Answer Wrapper" style="opacity: 0;z-index:1;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start;align-items:flex-start;gap:25px;width: 100%;height:1px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-name="We provide customized solutions tailored to the specific needs and goals of their clients. This can include website development, mobile app development, digital marketing." data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(102, 102, 102);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">You'll receive comprehensive deliverables tailored to your project needs. Typically, this includes high-fidelity design mockups for all screens and states.</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div style="transform: none; opacity: 1;opacity:1;flex: 0 0 auto;width: 24px;height:24px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); color: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); flex-shrink: 0;width: 100%;height:24px;display:inline-block;fill:rgb(48, 64, 62);color:rgb(48, 64, 62);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <g color="var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62))" weight="regular" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                <path d="M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                            </g>
                                                        </svg></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <section data-framer-name="Blog Section" style="flex-flow:column nowrap;place-content:center;align-items:center;gap:0px;width: 100%;height:1385px;padding:75px 30px 130px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <div data-framer-name="Container" style="flex-flow:column nowrap;place-content:center;align-items:center;gap:10px;width: 100%;max-width:1300px;height:1180px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <div data-framer-name="Content" style="flex-flow:column nowrap;place-content:center;align-items:center;gap:80px;width: 100%;height:1180px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div data-framer-name="Title Wrapper" style="flex-flow:row nowrap;place-content:flex-end space-between;align-items:flex-end;width: 100%;height:112px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Title" style="flex-flow:column nowrap;place-content:flex-start center;align-items:flex-start;gap:16px;width: 1px;max-width:305px;height:112px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div data-framer-name="Section Title" style="opacity: 1;flex-flow:row nowrap;place-content:flex-start;align-items:flex-start;gap:4px;width: min-content;height:24px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="e1A1QVbW6" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(102, 102, 102);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">08</p>
                                            </div>
                                            <div data-framer-name="|" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="e1A1QVbW6" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(3, 130, 98);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(3, 130, 98);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:23.8px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(3, 130, 98);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">|</p>
                                            </div>
                                            <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <p data-styles-preset="piAt1SZ3_" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(48, 64, 62);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Articles</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div data-framer-component-type="RichTextContainer" style="transform: none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <h2 data-styles-preset="dKDH__IPF" style="--framer-text-color: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 72px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -4.3px;--framer-line-height: 72px;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(48, 64, 62);font-size:72px;letter-spacing:-4.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:72px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Our Blogs</h2>
                                    </div>
                                </div>
                                <div data-framer-component-type="RichTextContainer" style="transform: none;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;max-width:476px;height: auto;position:relative;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <p data-styles-preset="cxrER54O1" style="--framer-text-alignment: left; --framer-text-color: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102));--framer-text-color: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(102, 102, 102);font-size:18px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:30.6px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">We empower businesses to thrive through innovative strategies, creative solutions, and cutting-edge technology.</p>
                                </div>
                            </div>
                            <div data-framer-name="Cards Wrapper" style="height:988px;overflow:clip;flex-flow:column nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:24px;width: 100%;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div style="flex-flow:column nowrap;place-content:flex-start center;align-items:flex-start;gap:24px;width: 100%;height:988px;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="will-change: transform; opacity: 0; transform: translateY(80px);opacity:0;transform:matrix(1, 0, 0, 1, 0, 80);flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Blog Card" href="./blog/the-future-of-fashion-design-branding" style="width: 100%; opacity: 1;opacity:1;cursor:pointer;flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:16px;height:499px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Image Wrapper" style="will-change: transform; border-radius: 8px; opacity: 0; transform: translateX(-80px);border-radius:8px;opacity:0;transform:matrix(1, 0, 0, 1, -80, 0);height: auto;overflow:clip;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-self:stretch;align-items:center;gap:30px;width: min-content;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Image" style="border-radius: 8px; transform: none; opacity: 1;transform:none;opacity:1;flex: 0 0 auto;width: 700px;height:499px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:8px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="1800" height="1132" sizes="700px" srcset="https://framerusercontent.com/images/RAH1yb5esmLxDxjCOQgfB9kCmWg.jpg?scale-down-to=512&amp;width=1800&amp;height=1132 512w,https://framerusercontent.com/images/RAH1yb5esmLxDxjCOQgfB9kCmWg.jpg?scale-down-to=1024&amp;width=1800&amp;height=1132 1024w,https://framerusercontent.com/images/RAH1yb5esmLxDxjCOQgfB9kCmWg.jpg?width=1800&amp;height=1132 1800w" src="https://framerusercontent.com/images/RAH1yb5esmLxDxjCOQgfB9kCmWg.jpg?width=1800&amp;height=1132" alt="Image" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:499px;border-radius:8px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </div>
                                            <div data-framer-name="Text Wrapper" style="background-color: rgb(254, 254, 254); will-change: transform; border-radius: 12px; opacity: 0; transform: translateX(80px);will-change:transform;border-radius:12px;opacity:0;transform:matrix(1, 0, 0, 1, 80, 0);flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start center;align-items:flex-start;gap:210px;width: 1px;height:499px;padding:32px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Title and Text" style="opacity: 1;height:105px;overflow:clip;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start center;align-items:flex-start;gap:16px;width: 100%;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Category Wrapper" style="opacity: 1;height:21px;overflow:clip;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:16px;width: 100%;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="MuvEza4Eb" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(102, 102, 102);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:21px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Research</p>
                                                        </div>
                                                        <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="MuvEza4Eb" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(102, 102, 102);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:21px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Nov 4, 2025</p>
                                                        </div>
                                                    </div>
                                                    <div data-framer-component-type="RichTextContainer" style="--extracted-1w1cjl5: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <h6 data-styles-preset="rBXvFaSxK" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-1w1cjl5, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-text-color: var(--extracted-1w1cjl5, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 28px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: 1px;--framer-line-height: 34px;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(48, 64, 62);font-size:28px;letter-spacing:1px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:34px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">The Future of Fashion Design Branding</h6>
                                                    </div>
                                                </div>
                                                <div data-framer-name="Title and Text" style="opacity: 1;height:120px;overflow:clip;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start center;align-items:flex-start;gap:24px;width: 100%;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(102, 102, 102);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Fashion is no longer just about clothing it’s a visual language that tells a story. In today’s digital world, strong branding defines how people connect with style, culture, and identity.</p>
                                                    </div>
                                                    <div data-framer-name="Button" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:6px;width: min-content;height:24px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="BjjVvDrsy" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(70, 81, 80);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(70, 81, 80);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(70, 81, 80);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Read more</p>
                                                        </div>
                                                        <div style="transform: rotate(-45deg); opacity: 1;opacity:1;flex: 0 0 auto;width: 16px;height:16px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98)); color: var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98)); flex-shrink: 0;width: 100%;height:16px;display:inline-block;fill:rgb(3, 130, 98);color:rgb(3, 130, 98);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <g color="var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98))" weight="bold" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                    </g>
                                                                </svg></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </a></div>
                                    <div style="will-change: transform; opacity: 0; transform: translateY(80px);opacity:0;transform:matrix(1, 0, 0, 1, 0, 80);flex: 0 0 auto;width: 100%;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Blog Card Secondary" href="./blog/the-journey-of-exceptional-design" style="width: 100%; opacity: 1;opacity:1;cursor:pointer;flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:16px;height:465px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div data-framer-name="Image Wrapper" style="will-change: transform; border-radius: 8px; opacity: 0; transform: translateX(80px);border-radius:8px;opacity:0;transform:matrix(1, 0, 0, 1, 80, 0);order:1;height: auto;overflow:clip;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-self:stretch;align-items:center;gap:30px;width: min-content;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Image" style="border-radius: 8px; transform: none; opacity: 1;transform:none;opacity:1;flex: 0 0 auto;width: 700px;height:465px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:8px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="2560" height="1800" sizes="700px" srcset="https://framerusercontent.com/images/HN7zjWXJoV624owv3gSAlTe1No.jpg?scale-down-to=512&amp;width=2560&amp;height=1800 512w,https://framerusercontent.com/images/HN7zjWXJoV624owv3gSAlTe1No.jpg?scale-down-to=1024&amp;width=2560&amp;height=1800 1024w,https://framerusercontent.com/images/HN7zjWXJoV624owv3gSAlTe1No.jpg?scale-down-to=2048&amp;width=2560&amp;height=1800 2048w,https://framerusercontent.com/images/HN7zjWXJoV624owv3gSAlTe1No.jpg?width=2560&amp;height=1800 2560w" src="https://framerusercontent.com/images/HN7zjWXJoV624owv3gSAlTe1No.jpg?width=2560&amp;height=1800" alt="Image" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:465px;border-radius:8px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                                                </div>
                                            </div>
                                            <div data-framer-name="Text Wrapper" style="background-color: rgb(254, 254, 254); will-change: transform; border-radius: 12px; opacity: 0; transform: translateX(-80px);will-change:transform;border-radius:12px;opacity:0;transform:matrix(1, 0, 0, 1, -80, 0);order:0;flex-flow:column nowrap;flex:1 0 0px;place-content:flex-start center;align-items:flex-start;gap:210px;width: 1px;height:465px;padding:32px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Title and Text" style="opacity: 1;height:71px;overflow:clip;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start center;align-items:flex-start;gap:16px;width: 100%;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-name="Category Wrapper" style="opacity: 1;height:21px;overflow:clip;flex-flow:row nowrap;flex: 0 0 auto;place-content:center flex-start;align-items:center;gap:16px;width: 100%;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="MuvEza4Eb" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(102, 102, 102);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:21px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Updates</p>
                                                        </div>
                                                        <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="MuvEza4Eb" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 14px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(102, 102, 102);font-size:14px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:21px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Nov 4, 2025</p>
                                                        </div>
                                                    </div>
                                                    <div data-framer-component-type="RichTextContainer" style="--extracted-1w1cjl5: var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <h6 data-styles-preset="rBXvFaSxK" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-1w1cjl5, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-text-color: var(--extracted-1w1cjl5, var(--token-dd8bbd08-a4bf-4b92-b144-c039a41c5368, rgb(48, 64, 62)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 28px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: 1px;--framer-line-height: 34px;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(48, 64, 62);font-size:28px;letter-spacing:1px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(48, 64, 62);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:34px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(48, 64, 62);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">The Journey of Exceptional Design</h6>
                                                    </div>
                                                </div>
                                                <div data-framer-name="Title and Text" style="opacity: 1;height:120px;overflow:clip;flex-flow:column nowrap;flex: 0 0 auto;place-content:flex-start center;align-items:flex-start;gap:24px;width: 100%;padding:0px;display:flex;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <p data-styles-preset="BjjVvDrsy" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-text-color: var(--extracted-r6o4lv, var(--token-64a26f32-43f7-4b7d-a490-a2b9f42ed0cc, rgb(102, 102, 102)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(102, 102, 102);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(102, 102, 102);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(102, 102, 102);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Behind every great digital experience lies a journey—a thoughtful process that transforms an abstract idea into an engaging, visually stunning, and functional product.</p>
                                                    </div>
                                                    <div data-framer-name="Button" style="opacity: 1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:6px;width: min-content;height:24px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <p data-styles-preset="BjjVvDrsy" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: .4px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgb(70, 81, 80);font-size:16px;letter-spacing:0.4px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(70, 81, 80);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(70, 81, 80);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Read more</p>
                                                        </div>
                                                        <div style="transform: rotate(-45deg); opacity: 1;opacity:1;flex: 0 0 auto;width: 16px;height:16px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <div style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98)); color: var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98)); flex-shrink: 0;width: 100%;height:16px;display:inline-block;fill:rgb(3, 130, 98);color:rgb(3, 130, 98);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                    <g color="var(--token-b5e8fcdb-e029-4984-a1e0-9dfd6d1fe421, rgb(3, 130, 98))" weight="bold" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                                        <path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                                    </g>
                                                                </svg></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
            <div style="margin-bottom:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
            <div style="background:rgba(0, 0, 0, 0) none repeat scroll 0px 0px / auto padding-box border-box;flex-grow:1;width: 0px;height:0px;margin:0px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
            <footer data-framer-name="Footer" style="background-color:rgb(48, 64, 62);flex-flow:column nowrap;flex: 0 0 auto;order:1002;place-content:center;align-items:center;gap:0px;width: 100%;height:1030.36px;padding:130px 30px 30px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                <div data-framer-name="Container" style="flex-flow:column nowrap;place-content:center;align-items:center;gap:10px;width: 100%;max-width:1300px;height:870.359px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <div data-framer-name="Content" style="flex-flow:column nowrap;place-content:center;align-items:center;gap:140px;width: 100%;height:870.359px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <div data-framer-name="Title and Links" style="flex-flow:row nowrap;place-content:flex-start space-between;align-items:flex-start;width: 100%;height:268.375px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div data-framer-name="About and Socials" style="flex-flow:column nowrap;place-content:flex-start;align-items:flex-start;gap:32px;width: 1px;max-width:464px;height:268.375px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Title Wrapper" style="flex-flow:column nowrap;place-content:flex-start;align-items:flex-start;gap:20px;width: 100%;height:196.375px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Ready to start a new project?" data-framer-component-type="RichTextContainer" style="transform: none;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;position:relative;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;max-width:344px;height: auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <h4 data-styles-preset="CdJJUdyHk" style="--framer-text-alignment: left; --framer-text-color: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254));--framer-text-color: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 48px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -3px;--framer-line-height: 120%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(254, 254, 254);font-size:48px;letter-spacing:-3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(254, 254, 254);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:57.6px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(254, 254, 254);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Ready to start a new project?</h4>
                                    </div>
                                    <div data-framer-name="Whether you need a bold new identity, a sleek website, or creative strategy, Scarlet is here to bring your vision to life." data-framer-component-type="RichTextContainer" style="transform: none;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;position:relative;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <p data-styles-preset="cxrER54O1" style="--framer-text-alignment: left; --framer-text-color: var(--token-8f7c8339-3751-4ea7-bc67-154cc8cdf447, rgba(246, 246, 246, 0.8));--framer-text-color: var(--token-8f7c8339-3751-4ea7-bc67-154cc8cdf447, rgba(246, 246, 246, 0.8));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 18px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 400;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 170%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:400;color:rgba(246, 246, 246, 0.8);font-size:18px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(246, 246, 246, 0.8);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:30.6px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(246, 246, 246, 0.8);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Whether you need a bold new identity, a sleek website, or creative strategy, Scarlet is here to bring your vision to life.</p>
                                    </div>
                                </div>
                                <div data-framer-name="Socials" style="flex-flow:row nowrap;place-content:center flex-start;align-items:center;gap:16px;width: 100%;height:40px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div style="flex: 0 0 auto;width: 40px;height:40px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Social Icon" href="https://facebook.com" target="_blank" rel="noopener" style="background-color: var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)); height: 100%; width: 100%; border-radius: 100%; opacity: 1;height:40px;width: 100%;border-radius:100%;opacity:1;cursor:pointer;will-change:auto;flex-flow:column nowrap;place-content:center;align-items:center;gap:30px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div style="opacity: 1;z-index:1;flex: 0 0 auto;width: 20px;height:20px;position:absolute;top:-50px;left:10px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)); color: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)); flex-shrink: 0;width: 100%;height:20px;display:inline-block;fill:rgb(254, 254, 254);color:rgb(254, 254, 254);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <g color="var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254))" weight="regular" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm8,191.63V152h24a8,8,0,0,0,0-16H136V112a16,16,0,0,1,16-16h16a8,8,0,0,0,0-16H152a32,32,0,0,0-32,32v24H96a8,8,0,0,0,0,16h24v63.63a88,88,0,1,1,16,0Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                        </g>
                                                    </svg></div>
                                            </div>
                                            <div style="opacity: 1;flex: 0 0 auto;width: 20px;height:20px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)); color: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)); flex-shrink: 0;width: 100%;height:20px;display:inline-block;fill:rgb(254, 254, 254);color:rgb(254, 254, 254);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <g color="var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254))" weight="regular" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm8,191.63V152h24a8,8,0,0,0,0-16H136V112a16,16,0,0,1,16-16h16a8,8,0,0,0,0-16H152a32,32,0,0,0-32,32v24H96a8,8,0,0,0,0,16h24v63.63a88,88,0,1,1,16,0Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                        </g>
                                                    </svg></div>
                                            </div>
                                        </a></div>
                                    <div style="flex: 0 0 auto;width: 40px;height:40px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Social Icon" href="mailto:info@cafina.com" target="_blank" rel="noopener" style="background-color: var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)); height: 100%; width: 100%; border-radius: 100%; opacity: 1;height:40px;width: 100%;border-radius:100%;opacity:1;cursor:pointer;will-change:auto;flex-flow:column nowrap;place-content:center;align-items:center;gap:30px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div style="opacity: 1;z-index:1;flex: 0 0 auto;width: 20px;height:20px;position:absolute;top:-50px;left:10px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)); color: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)); flex-shrink: 0;width: 100%;height:20px;display:inline-block;fill:rgb(254, 254, 254);color:rgb(254, 254, 254);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <g color="var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254))" weight="regular" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <path d="M224,48H32a8,8,0,0,0-8,8V192a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A8,8,0,0,0,224,48Zm-96,85.15L52.57,64H203.43ZM98.71,128,40,181.81V74.19Zm11.84,10.85,12,11.05a8,8,0,0,0,10.82,0l12-11.05,58,53.15H52.57ZM157.29,128,216,74.18V181.82Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                        </g>
                                                    </svg></div>
                                            </div>
                                            <div style="opacity: 1;flex: 0 0 auto;width: 20px;height:20px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)); color: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)); flex-shrink: 0;width: 100%;height:20px;display:inline-block;fill:rgb(254, 254, 254);color:rgb(254, 254, 254);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <g color="var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254))" weight="regular" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <path d="M224,48H32a8,8,0,0,0-8,8V192a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A8,8,0,0,0,224,48Zm-96,85.15L52.57,64H203.43ZM98.71,128,40,181.81V74.19Zm11.84,10.85,12,11.05a8,8,0,0,0,10.82,0l12-11.05,58,53.15H52.57ZM157.29,128,216,74.18V181.82Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                        </g>
                                                    </svg></div>
                                            </div>
                                        </a></div>
                                    <div style="flex: 0 0 auto;width: 40px;height:40px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Social Icon" href="https://linkedin.com" target="_blank" rel="noopener" style="background-color: var(--token-c80ed640-6433-40de-bde8-cf4c6e031b2e, rgb(70, 81, 80)); height: 100%; width: 100%; border-radius: 100%; opacity: 1;height:40px;width: 100%;border-radius:100%;opacity:1;cursor:pointer;will-change:auto;flex-flow:column nowrap;place-content:center;align-items:center;gap:30px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                            <div style="opacity: 1;z-index:1;flex: 0 0 auto;width: 20px;height:20px;position:absolute;top:-50px;left:10px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)); color: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)); flex-shrink: 0;width: 100%;height:20px;display:inline-block;fill:rgb(254, 254, 254);color:rgb(254, 254, 254);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <g color="var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254))" weight="regular" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <path d="M216,24H40A16,16,0,0,0,24,40V216a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V40A16,16,0,0,0,216,24Zm0,192H40V40H216V216ZM96,112v64a8,8,0,0,1-16,0V112a8,8,0,0,1,16,0Zm88,28v36a8,8,0,0,1-16,0V140a20,20,0,0,0-40,0v36a8,8,0,0,1-16,0V112a8,8,0,0,1,15.79-1.78A36,36,0,0,1,184,140ZM100,84A12,12,0,1,1,88,72,12,12,0,0,1,100,84Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                        </g>
                                                    </svg></div>
                                            </div>
                                            <div style="opacity: 1;flex: 0 0 auto;width: 20px;height:20px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div style="display: contents;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" color="var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254))" style="user-select: none; width: 100%; height: 100%; display: inline-block; fill: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)); color: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254)); flex-shrink: 0;width: 100%;height:20px;display:inline-block;fill:rgb(254, 254, 254);color:rgb(254, 254, 254);flex-shrink:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                        <g color="var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254))" weight="regular" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                            <path d="M216,24H40A16,16,0,0,0,24,40V216a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V40A16,16,0,0,0,216,24Zm0,192H40V40H216V216ZM96,112v64a8,8,0,0,1-16,0V112a8,8,0,0,1,16,0Zm88,28v36a8,8,0,0,1-16,0V140a20,20,0,0,0-40,0v36a8,8,0,0,1-16,0V112a8,8,0,0,1,15.79-1.78A36,36,0,0,1,184,140ZM100,84A12,12,0,1,1,88,72,12,12,0,0,1,100,84Z" style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></path>
                                                        </g>
                                                    </svg></div>
                                            </div>
                                        </a></div>
                                </div>
                            </div>
                            <div data-framer-name="Links" style="flex-flow:row nowrap;place-content:flex-start center;align-items:flex-start;gap:48px;width: 1px;max-width:390px;height:176px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="Column" style="flex-flow:column nowrap;place-content:flex-start;align-items:flex-start;gap:20px;width: 1px;max-width:171px;height:176px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="PAGE" data-framer-component-type="RichTextContainer" style="transform: none;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;position:relative;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <p data-styles-preset="piAt1SZ3_" style="--framer-text-alignment: left; --framer-text-color: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254));--framer-text-color: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(254, 254, 254);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(254, 254, 254);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(254, 254, 254);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Links</p>
                                    </div>
                                    <div data-framer-name="Link Wrapper" style="flex-flow:column nowrap;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:132px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div style="flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Nav Link White" href="./" data-framer-page-link-current="true" style="opacity: 1;cursor:pointer;flex-flow:row nowrap;place-content:center;align-items:center;gap:10px;width: min-content;height:24px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Home" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-8f7c8339-3751-4ea7-bc67-154cc8cdf447, rgba(246, 246, 246, 0.8)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;position:relative;user-select:none;white-space:pre;flex: 0 0 auto;width: auto;height: auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p data-styles-preset="piAt1SZ3_" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-8f7c8339-3751-4ea7-bc67-154cc8cdf447, rgba(246, 246, 246, 0.8)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgba(246, 246, 246, 0.8);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(246, 246, 246, 0.8);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(246, 246, 246, 0.8);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Home</p>
                                                </div>
                                                <div data-framer-name="Line" style="background-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139)); opacity: 1;opacity:1;z-index:1;flex: 0 0 auto;width: 1px;height:1px;position:absolute;bottom:0px;left:-10px;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                            </a></div>
                                        <div style="flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Nav Link White" href="./#service" style="opacity: 1;cursor:pointer;flex-flow:row nowrap;place-content:center;align-items:center;gap:10px;width: min-content;height:24px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Home" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-8f7c8339-3751-4ea7-bc67-154cc8cdf447, rgba(246, 246, 246, 0.8)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;position:relative;user-select:none;white-space:pre;flex: 0 0 auto;width: auto;height: auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p data-styles-preset="piAt1SZ3_" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-8f7c8339-3751-4ea7-bc67-154cc8cdf447, rgba(246, 246, 246, 0.8)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgba(246, 246, 246, 0.8);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(246, 246, 246, 0.8);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(246, 246, 246, 0.8);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Services</p>
                                                </div>
                                                <div data-framer-name="Line" style="background-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139)); opacity: 1;opacity:1;z-index:1;flex: 0 0 auto;width: 1px;height:1px;position:absolute;bottom:0px;left:-10px;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                            </a></div>
                                        <div style="flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Nav Link White" href="./#projects" style="opacity: 1;cursor:pointer;flex-flow:row nowrap;place-content:center;align-items:center;gap:10px;width: min-content;height:24px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Home" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-8f7c8339-3751-4ea7-bc67-154cc8cdf447, rgba(246, 246, 246, 0.8)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;position:relative;user-select:none;white-space:pre;flex: 0 0 auto;width: auto;height: auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p data-styles-preset="piAt1SZ3_" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-8f7c8339-3751-4ea7-bc67-154cc8cdf447, rgba(246, 246, 246, 0.8)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgba(246, 246, 246, 0.8);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(246, 246, 246, 0.8);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(246, 246, 246, 0.8);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Projects</p>
                                                </div>
                                                <div data-framer-name="Line" style="background-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139)); opacity: 1;opacity:1;z-index:1;flex: 0 0 auto;width: 1px;height:1px;position:absolute;bottom:0px;left:-10px;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                            </a></div>
                                        <div style="flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Nav Link White" href="./#blogs" style="opacity: 1;cursor:pointer;flex-flow:row nowrap;place-content:center;align-items:center;gap:10px;width: min-content;height:24px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Home" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-8f7c8339-3751-4ea7-bc67-154cc8cdf447, rgba(246, 246, 246, 0.8)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;position:relative;user-select:none;white-space:pre;flex: 0 0 auto;width: auto;height: auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p data-styles-preset="piAt1SZ3_" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-8f7c8339-3751-4ea7-bc67-154cc8cdf447, rgba(246, 246, 246, 0.8)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgba(246, 246, 246, 0.8);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(246, 246, 246, 0.8);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(246, 246, 246, 0.8);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Blogs</p>
                                                </div>
                                                <div data-framer-name="Line" style="background-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139)); opacity: 1;opacity:1;z-index:1;flex: 0 0 auto;width: 1px;height:1px;position:absolute;bottom:0px;left:-10px;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                            </a></div>
                                    </div>
                                </div>
                                <div data-framer-name="Column" style="flex-flow:column nowrap;place-content:flex-start;align-items:flex-start;gap:20px;width: 1px;max-width:171px;height:140px;padding:0px;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="PAGE" data-framer-component-type="RichTextContainer" style="transform: none;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;position:relative;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex: 0 0 auto;width: 100%;height: auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <p data-styles-preset="piAt1SZ3_" style="--framer-text-alignment: left; --framer-text-color: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254));--framer-text-color: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(254, 254, 254);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(254, 254, 254);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(254, 254, 254);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Quick Links</p>
                                    </div>
                                    <div data-framer-name="Footer Links" style="flex-flow:column nowrap;place-content:flex-start;align-items:flex-start;gap:12px;width: 100%;height:96px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <div style="flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Nav Link White" href="./#faq" style="opacity: 1;cursor:pointer;flex-flow:row nowrap;place-content:center;align-items:center;gap:10px;width: min-content;height:24px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Home" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-8f7c8339-3751-4ea7-bc67-154cc8cdf447, rgba(246, 246, 246, 0.8)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;position:relative;user-select:none;white-space:pre;flex: 0 0 auto;width: auto;height: auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p data-styles-preset="piAt1SZ3_" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-8f7c8339-3751-4ea7-bc67-154cc8cdf447, rgba(246, 246, 246, 0.8)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgba(246, 246, 246, 0.8);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(246, 246, 246, 0.8);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(246, 246, 246, 0.8);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">FAQ</p>
                                                </div>
                                                <div data-framer-name="Line" style="background-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139)); opacity: 1;opacity:1;z-index:1;flex: 0 0 auto;width: 1px;height:1px;position:absolute;bottom:0px;left:-10px;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                            </a></div>
                                        <div style="flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Nav Link White" href="./#contact" style="opacity: 1;cursor:pointer;flex-flow:row nowrap;place-content:center;align-items:center;gap:10px;width: min-content;height:24px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Home" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-8f7c8339-3751-4ea7-bc67-154cc8cdf447, rgba(246, 246, 246, 0.8)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;position:relative;user-select:none;white-space:pre;flex: 0 0 auto;width: auto;height: auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p data-styles-preset="piAt1SZ3_" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-8f7c8339-3751-4ea7-bc67-154cc8cdf447, rgba(246, 246, 246, 0.8)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgba(246, 246, 246, 0.8);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(246, 246, 246, 0.8);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(246, 246, 246, 0.8);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Contact Us</p>
                                                </div>
                                                <div data-framer-name="Line" style="background-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139)); opacity: 1;opacity:1;z-index:1;flex: 0 0 auto;width: 1px;height:1px;position:absolute;bottom:0px;left:-10px;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                            </a></div>
                                        <div style="flex: 0 0 auto;width: auto;height: auto;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-framer-name="Nav Link White" href="./404" style="opacity: 1;cursor:pointer;flex-flow:row nowrap;place-content:center;align-items:center;gap:10px;width: min-content;height:24px;padding:0px;text-decoration:none;display:flex;position:relative;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                <div data-framer-name="Home" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-8f7c8339-3751-4ea7-bc67-154cc8cdf447, rgba(246, 246, 246, 0.8)); --framer-paragraph-spacing: 0px; transform: none; opacity: 1;--framer-paragraph-spacing: 0px;transform:none;opacity:1;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;position:relative;user-select:none;white-space:pre;flex: 0 0 auto;width: auto;height: auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                                    <p data-styles-preset="piAt1SZ3_" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-8f7c8339-3751-4ea7-bc67-154cc8cdf447, rgba(246, 246, 246, 0.8)));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 16px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: -.3px;--framer-line-height: 150%;--framer-paragraph-spacing: 0px;--framer-text-alignment: start;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgba(246, 246, 246, 0.8);font-size:16px;letter-spacing:-0.3px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgba(246, 246, 246, 0.8);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:24px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgba(246, 246, 246, 0.8);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">404</p>
                                                </div>
                                                <div data-framer-name="Line" style="background-color: var(--token-a19123a6-a6c4-4232-864a-177823ebf1af, rgb(154, 207, 139)); opacity: 1;opacity:1;z-index:1;flex: 0 0 auto;width: 1px;height:1px;position:absolute;bottom:0px;left:-10px;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                                            </a></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div data-framer-name="Company" style="flex-flow:column nowrap;place-content:flex-start center;align-items:flex-start;gap:80px;width: 100%;height:461.984px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <div data-framer-name="Contact Wrapper" style="flex-flow:row nowrap;place-content:flex-start space-between;align-items:flex-start;width: 100%;height:68px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-name="San Diego, California and Paris, France" data-framer-component-type="RichTextContainer" style="transform: none;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;position:relative;--framer-paragraph-spacing: 0px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;max-width:307px;height: auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <h6 data-styles-preset="rBXvFaSxK" style="--framer-text-alignment: left; --framer-text-color: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254));--framer-text-color: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 28px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: 1px;--framer-line-height: 34px;--framer-paragraph-spacing: 0px;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(254, 254, 254);font-size:28px;letter-spacing:1px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(254, 254, 254);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:34px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(254, 254, 254);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">San Diego, California and Paris, France</h6>
                                </div>
                                <div data-framer-name="Mail and Copyright" style="flex-flow:row nowrap;place-content:center space-between;align-items:center;width: 1px;max-width:688px;height:34px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                    <div data-framer-name="Krafto@gmail.com" data-framer-component-type="RichTextContainer" style="transform: none;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;position:relative;--framer-paragraph-spacing: 0px;white-space:pre;flex: 0 0 auto;width: auto;height: auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <h6 data-styles-preset="rBXvFaSxK" style="--framer-text-color: var(--token-ecabb3aa-c643-440f-af8a-b44f1ffcdb33, rgb(254, 254, 254));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 28px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: 1px;--framer-line-height: 34px;--framer-paragraph-spacing: 0px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(254, 254, 254);font-size:28px;letter-spacing:1px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(254, 254, 254);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:34px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(254, 254, 254);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a data-styles-preset="rCZGMHTRV" href="mailto:krafto@gmail.com" target="_blank" rel="noopener" style="color:rgb(254, 254, 254);text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(254, 254, 254);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;background-color:rgba(0, 0, 0, 0);font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;font-size:28px;text-transform:none;cursor:pointer;border-radius:0px;corner-shape:round;padding:0px;--framer-link-hover-text-color: 1;--framer-link-text-color: 1;box-sizing:border-box;-webkit-font-smoothing:antialiased;">krafto@gmail.com</a></h6>
                                    </div>
                                    <div data-framer-name="© 2025 Legal" data-framer-component-type="RichTextContainer" style="transform: none;outline:rgb(0, 0, 0) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;position:relative;--framer-paragraph-spacing: 0px;white-space:pre;flex: 0 0 auto;width: auto;height: auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                        <h6 data-styles-preset="rBXvFaSxK" style="--framer-text-color: var(--token-1384b6e1-deed-4c52-97a2-6288662a1872, rgb(246, 246, 246));--framer-font-family: 'Geist','Geist Placeholder',sans-serif;--framer-font-family-bold: 'Geist','Geist Placeholder',sans-serif;--framer-font-open-type-features: normal;--framer-font-size: 28px;--framer-font-style: normal;--framer-font-style-bold: normal;--framer-font-variation-axes: normal;--framer-font-weight: 500;--framer-font-weight-bold: 700;--framer-letter-spacing: 1px;--framer-line-height: 34px;--framer-paragraph-spacing: 0px;--framer-text-alignment: left;--framer-text-decoration: none;--framer-text-stroke-color: initial;--framer-text-stroke-width: initial;--framer-text-transform: none;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Geist, 'Geist Placeholder', sans-serif;font-style:normal;font-weight:500;color:rgb(246, 246, 246);font-size:28px;letter-spacing:1px;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(246, 246, 246);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:34px;text-align:left;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(246, 246, 246);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">© 2025 Legal</h6>
                                    </div>
                                </div>
                            </div>
                            <div data-framer-name="Shape" style="will-change: transform; opacity: 0; transform: translateY(80px);opacity:0;transform:matrix(1, 0, 0, 1, 0, 80);aspect-ratio:4.14013 / 1;height:313.984px;flex: 0 0 auto;width: 100%;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                                <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" loading="lazy" width="2624" height="634" sizes="min(100vw - 60px, 1300px)" srcset="https://framerusercontent.com/images/uhC7SAlJdF0Yxu7AitLjzXX45s4.png?scale-down-to=512&amp;width=2624&amp;height=634 512w,https://framerusercontent.com/images/uhC7SAlJdF0Yxu7AitLjzXX45s4.png?scale-down-to=1024&amp;width=2624&amp;height=634 1024w,https://framerusercontent.com/images/uhC7SAlJdF0Yxu7AitLjzXX45s4.png?scale-down-to=2048&amp;width=2624&amp;height=634 2048w,https://framerusercontent.com/images/uhC7SAlJdF0Yxu7AitLjzXX45s4.png?width=2624&amp;height=634 2624w" src="https://framerusercontent.com/images/uhC7SAlJdF0Yxu7AitLjzXX45s4.png?width=2624&amp;height=634" alt="" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:313.984px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                            </div>
                        </div>
                    </div>
                </div>
            </footer>
            <div data-framer-name="Remove This Buy Promo" style="bottom:115px;height:46px;min-height:46px;position:fixed;z-index:5;flex-flow:row nowrap;flex: 0 0 auto;order:1003;place-content:center;align-items:center;gap:10px;width: 191px;padding:0px;display:flex;right:24px;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                <div data-framer-name="Remove This Arrow" name="Remove This Arrow" style="flex: 0 0 auto;width: auto;height: auto;position:absolute;bottom:105px;left:169.984px;transform:matrix(1, 0, 0, 1, -35, 0);box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <div name="Remove This Arrow" data-framer-name="Variant 2" data-highlight="true" tabindex="0" style="opacity: 1;cursor:pointer;flex-flow:row nowrap;place-content:center;align-items:center;gap:10px;width: min-content;min-width:70px;height:92px;padding:0px;display:flex;position:relative;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <div data-framer-name="Main" style="transform: translate3d(0px, 1.68245px, 0px); transform-origin: 50% 50% 0px;transform-origin:30px 38px;bottom:29px;cursor:pointer;height:76px;min-height:0px;top:-13px;z-index:1;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: min-content;min-width:60px;padding:0px;display:flex;position:absolute;left:0px;overflow:visible;box-sizing:border-box;-webkit-font-smoothing:antialiased;" data-highlight="true" tabindex="0">
                            <div data-framer-background-image-wrapper="true" style="position: absolute; border-radius: inherit; corner-shape: inherit; inset: 0px;border-radius:0px;corner-shape:round;inset:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><img decoding="auto" width="421" height="421" src="https://framerusercontent.com/images/gK0S9F3CepOn3QRt7pdkVJK3Bn8.png" alt="" style="display: block; width: 100%; height: 100%; border-radius: inherit; corner-shape: inherit; object-position: center center; object-fit: cover;width: 100%;height:76px;border-radius:0px;corner-shape:round;object-position:50% 50%;object-fit:cover;box-sizing:border-box;-webkit-font-smoothing:antialiased;" /></div>
                        </div>
                    </div>
                </div>
                <div data-framer-name="Remove This Buy Button" name="Remove This Buy Button" style="z-index:1;flex: 0 0 auto;width: auto;height: auto;position:absolute;top:-52px;right:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"><a name="Remove This Buy Button" data-border="true" data-framer-name="Remove Button" data-reset="button" href="https://reddevs.lemonsqueezy.com/buy/1f2bbec9-48f8-4f97-99dc-70b82d7e7b10" target="_blank" rel="noopener" style="--border-bottom-width: 1px; --border-color: rgb(232, 232, 232); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; background-color: rgb(255, 255, 255); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.12) 0px 0.602187px 0.421531px -1px, rgba(0, 0, 0, 0.11) 0px 2.28853px 1.60197px -2px, rgba(0, 0, 0, 0.08) 0px 10px 7px -3px; opacity: 1;--border-color: rgb(232, 232, 232);--border-left-width: 1px;--border-right-width: 1px;--border-style: solid;--border-top-width: 1px;background-color:rgb(255, 255, 255);border-radius:10px;box-shadow:rgba(0, 0, 0, 0.12) 0px 0.602187px 0.421531px -1px, rgba(0, 0, 0, 0.11) 0px 2.28853px 1.60197px -2px, rgba(0, 0, 0, 0.08) 0px 10px 7px -3px;opacity:1;flex-flow:row nowrap;place-content:center;align-items:center;gap:8px;width: min-content;height:46px;padding:14px 20px;text-decoration:none;display:flex;position:relative;background:rgb(255, 255, 255) none repeat scroll 0px 0px / auto padding-box border-box;border-width:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <div data-framer-component-type="RichTextContainer" style="--framer-paragraph-spacing: 0px; transform: none; opacity: 1;transform:none;opacity:1;white-space:pre;flex: 0 0 auto;width: auto;height: auto;position:relative;overflow:visible;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                            <p style="--font-selector: R0Y7SW50ZXItNjAw; --framer-font-family: &quot;Inter&quot;, &quot;Inter Placeholder&quot;, sans-serif; --framer-font-size: 15px; --framer-font-weight: 600;--framer-font-family: 'Inter', 'Inter Placeholder', sans-serif;--framer-font-size: 15px;--framer-font-weight: 600;background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Inter, 'Inter Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(0, 0, 0);font-size:15px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(0, 0, 0);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:18px;text-align:start;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(0, 0, 0);font-feature-settings:normal;font-variation-settings:normal;text-wrap:nowrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Get this $0</p>
                        </div>
                    </a></div><a data-framer-name="Remove This Buy Button" data-reset="button" href="https://reddevs.com/" target="_blank" rel="noopener" style="transform: translateY(-50%);background:rgb(3, 130, 98) none repeat scroll 0px 0px / auto padding-box border-box;border-width:0px;padding:14px 20px;background-color:rgb(3, 130, 98);z-index:1;border-radius:10px;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: 220px;height:47.2031px;text-decoration:none;display:flex;position:absolute;top:22.0781px;right:0px;box-shadow:rgba(0, 0, 0, 0.29) 0px 0.602187px 0.421531px -1px, rgba(0, 0, 0, 0.28) 0px 2.28853px 1.60197px -2px, rgba(0, 0, 0, 0.2) 0px 10px 7px -3px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <div data-framer-component-type="RichTextContainer" style="transform: none;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;position:relative;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <p dir="auto" style="--font-selector: R0Y7SW50ZXItNjAw; --framer-font-weight: 600; --framer-text-alignment: center; --framer-text-color: rgb(255, 255, 255);--framer-font-weight: 600;--framer-text-alignment: center;--framer-text-color: rgb(255, 255, 255);background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Inter, 'Inter Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(255, 255, 255);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(255, 255, 255);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:19.2px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(255, 255, 255);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">See More Templates</p>
                    </div>
                </a><a data-framer-name="Remove This Buy Button" data-reset="button" href="https://reddevs.com/all-access/" target="_blank" rel="noopener" style="background:rgb(24, 29, 39) none repeat scroll 0px 0px / auto padding-box border-box;border-width:0px;padding:14px 20px;background-color:rgb(24, 29, 39);z-index:1;border-radius:10px;flex-flow:row nowrap;flex: 0 0 auto;place-content:center;align-items:center;gap:10px;width: 220px;height:47.2031px;text-decoration:none;display:flex;position:absolute;bottom:-52px;right:0px;box-shadow:rgba(0, 0, 0, 0.29) 0px 0.602187px 0.421531px -1px, rgba(0, 0, 0, 0.28) 0px 2.28853px 1.60197px -2px, rgba(0, 0, 0, 0.2) 0px 10px 7px -3px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <div data-framer-component-type="RichTextContainer" style="transform: none;outline:rgb(0, 0, 238) none 3px;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex;position:relative;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1 0 0px;width: 1px;height: auto;overflow:hidden;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                        <p dir="auto" style="--font-selector: R0Y7SW50ZXItNjAw; --framer-font-weight: 600; --framer-text-alignment: center; --framer-text-color: var(--token-aaccb858-f647-4729-9de2-357dadce6bc1, rgb(247, 247, 247));--framer-font-weight: 600;--framer-text-alignment: center;--framer-text-color: var(--token-aaccb858-f647-4729-9de2-357dadce6bc1, rgb(247, 247, 247));background-color:rgba(0, 0, 0, 0);border-radius:0px;corner-shape:round;padding:0px;font-family:Inter, 'Inter Placeholder', sans-serif;font-style:normal;font-weight:600;color:rgb(247, 247, 247);font-size:16px;letter-spacing:normal;text-transform:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:rgb(247, 247, 247);text-decoration-thickness:auto;text-decoration-skip-ink:auto;text-underline-offset:auto;line-height:19.2px;text-align:center;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:rgb(247, 247, 247);font-feature-settings:normal;font-variation-settings:normal;text-wrap:wrap;margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Unlock All Access</p>
                    </div>
                </a>
            </div>
        </div>
        <div style="box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
    </div>
    <div style="pointer-events:none;width: 100%;z-index:2147483647;justify-content:flex-end;padding:20px;display:flex;position:fixed;bottom:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
        <!--$-->
        <!--$-->
        <!--$--><a data-framer-appear-id="n0ccwk" data-framer-name="Light" data-nosnippet="true" style="will-change: transform; pointer-events: auto; opacity: 1; transform: none;pointer-events: auto;opacity:1;transform:none;gap:10px;height:38px;overflow:visible;position:relative;text-decoration:none;width: 140px;display:block;box-sizing:border-box;-webkit-font-smoothing:antialiased;" href="https://www.framer.com" rel="noopener" title="Create a free website with Framer, the website builder loved by startups, designers and agencies.">
            <div data-framer-name="Backdrop" style="background-color: rgb(255, 255, 255); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.17) 0px 0.602187px 1.56569px -1.5px, rgba(0, 0, 0, 0.14) 0px 2.28853px 5.95019px -3px, rgba(0, 0, 0, 0.02) 0px 10px 26px -4.5px; opacity: 1;border-radius:10px;box-shadow:rgba(0, 0, 0, 0.17) 0px 0.602187px 1.56569px -1.5px, rgba(0, 0, 0, 0.14) 0px 2.28853px 5.95019px -3px, rgba(0, 0, 0, 0.02) 0px 10px 26px -4.5px;opacity:1;inset:1px;flex: 0 0 auto;overflow:hidden;position:absolute;will-change:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
            <div data-framer-name="Content" style="transform: translate(-50%, -50%); opacity: 1;opacity:1;place-content:center flex-start;align-items:center;display:flex;flex: 0 0 auto;flex-flow:row nowrap;gap:10px;height:16px;left:70px;overflow:visible;padding:0px;position:absolute;top:19px;width: min-content;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                <div style="opacity: 1;flex: 0 0 auto;height:16px;overflow:visible;position:relative;width: 12px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">
                    <div data-framer-name="Logo" style="--1bd4d3i: rgb(0, 0, 0); --otdjsv: rgb(0, 0, 0); transform: translateX(-50%); opacity: 1;--otdjsv: rgb(0, 0, 0);transform:matrix(1, 0, 0, 1, -6, 0);opacity:1;aspect-ratio:0.6 / 1;background-color:rgb(0, 0, 0);mask-image:url('data:image/svg+xml,<svg display=\'block\' role=\'presentation\' viewBox=\'0 0 12 20\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M 0 0 L 12 0 L 12 6 L 6 6 Z M 0 6 L 6 6 L 12 12 L 6 12 L 6 18 L 0 12 Z\' fill=\'var(--1bd4d3i, rgb(0, 0, 0))\' height=\'18px\' id=\'td4SVg2I8\' transform=\'translate(0 1.5)\' width=\'12px\'/></svg>'), none;mask-mode:match-source, match-source;mask-position:50% 50%, 50% 50%;mask-repeat:no-repeat, no-repeat;mask-size: auto;width: 12px;flex: 0 0 auto;height:20px;left:6px;position:absolute;top:-2px;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                </div>
                <!--$-->
                <p style="position:absolute;transform:scale(0.001)margin:0px;box-sizing:border-box;-webkit-font-smoothing:antialiased;">Create a free website with Framer, the website builder loved by startups, designers and agencies.</p>
                <div data-framer-name="Text" style="--1bd4d3i: rgb(0, 0, 0); --otdjsv: rgb(0, 0, 0); opacity: 1;--otdjsv: rgb(0, 0, 0);opacity:1;aspect-ratio:9.7 / 1;background-color:rgb(0, 0, 0);mask-image:url('data:image/svg+xml,<svg display=\'block\' role=\'presentation\' viewBox=\'0 0 97 10\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M 91.736 9.781 L 91.736 2.818 L 93.316 2.818 L 93.316 3.98 L 93.374 3.98 C 93.501 3.577 93.714 3.269 94.014 3.053 C 94.328 2.833 94.704 2.72 95.087 2.729 C 95.185 2.729 95.287 2.733 95.392 2.742 C 95.498 2.75 95.587 2.759 95.659 2.767 L 95.659 4.253 C 95.552 4.23 95.444 4.215 95.335 4.209 C 95.188 4.192 95.039 4.184 94.891 4.184 C 94.603 4.184 94.343 4.247 94.11 4.374 C 93.882 4.497 93.702 4.674 93.57 4.907 C 93.434 5.16 93.366 5.445 93.374 5.732 L 93.374 9.782 L 91.736 9.782 Z M 87.286 9.927 C 86.588 9.927 85.985 9.779 85.477 9.483 C 84.969 9.183 84.577 8.761 84.303 8.22 C 84.032 7.678 83.897 7.048 83.897 6.328 C 83.897 5.618 84.032 4.988 84.303 4.443 C 84.56 3.917 84.96 3.475 85.458 3.167 C 85.953 2.858 86.531 2.704 87.191 2.704 C 87.64 2.704 88.059 2.78 88.448 2.932 C 88.841 3.08 89.186 3.305 89.482 3.605 C 89.779 3.901 90.009 4.272 90.174 4.715 C 90.344 5.155 90.428 5.67 90.428 6.258 L 90.428 6.748 L 84.627 6.748 L 84.627 5.629 L 89.609 5.629 L 88.86 5.946 C 88.868 5.594 88.801 5.243 88.664 4.918 C 88.549 4.641 88.355 4.404 88.105 4.238 C 87.86 4.074 87.559 3.991 87.204 3.991 C 86.852 3.991 86.55 4.074 86.296 4.239 C 86.042 4.404 85.847 4.629 85.712 4.912 C 85.576 5.213 85.509 5.54 85.515 5.87 L 85.515 6.62 C 85.515 7.047 85.587 7.413 85.731 7.717 C 85.879 8.017 86.089 8.248 86.359 8.409 C 86.63 8.566 86.948 8.644 87.312 8.644 C 87.562 8.644 87.786 8.608 87.984 8.536 C 88.177 8.467 88.353 8.356 88.499 8.212 C 88.642 8.072 88.749 7.906 88.816 7.711 L 90.326 7.921 C 90.228 8.313 90.032 8.673 89.756 8.968 C 89.476 9.268 89.125 9.503 88.702 9.672 C 88.282 9.842 87.811 9.926 87.286 9.926 Z M 72.643 9.781 L 72.643 2.818 L 74.191 2.818 L 74.235 4.443 L 74.115 4.443 C 74.225 4.041 74.385 3.713 74.597 3.459 C 74.798 3.212 75.055 3.016 75.347 2.888 C 75.63 2.761 75.928 2.698 76.241 2.698 C 76.753 2.698 77.177 2.854 77.511 3.167 C 77.849 3.48 78.074 3.922 78.184 4.494 L 77.987 4.494 C 78.066 4.132 78.232 3.795 78.469 3.51 C 78.691 3.248 78.972 3.041 79.289 2.907 C 79.615 2.766 79.968 2.695 80.323 2.697 C 80.746 2.697 81.127 2.79 81.465 2.977 C 81.808 3.159 82.077 3.429 82.272 3.789 C 82.47 4.149 82.57 4.591 82.57 5.116 L 82.57 9.781 L 80.939 9.781 L 80.939 5.363 C 80.939 4.923 80.818 4.602 80.577 4.398 C 80.333 4.19 80.021 4.08 79.701 4.088 C 79.434 4.088 79.204 4.145 79.009 4.258 C 78.816 4.371 78.66 4.536 78.559 4.735 C 78.449 4.953 78.394 5.195 78.399 5.439 L 78.399 9.781 L 76.813 9.781 L 76.813 5.287 C 76.813 4.923 76.698 4.633 76.47 4.417 C 76.246 4.197 75.958 4.087 75.606 4.087 C 75.366 4.087 75.143 4.145 74.94 4.259 C 74.737 4.374 74.569 4.543 74.458 4.748 C 74.339 4.963 74.28 5.23 74.28 5.548 L 74.28 9.781 L 72.642 9.781 Z M 67.291 9.915 C 66.724 9.915 66.221 9.771 65.781 9.483 C 65.344 9.191 65 8.776 64.746 8.239 C 64.496 7.701 64.371 7.059 64.371 6.309 C 64.371 5.552 64.498 4.904 64.752 4.367 C 65.01 3.829 65.359 3.419 65.799 3.135 C 66.244 2.851 66.763 2.703 67.291 2.71 C 67.668 2.71 67.987 2.771 68.25 2.894 C 68.516 3.013 68.736 3.164 68.91 3.351 C 69.083 3.533 69.22 3.719 69.322 3.91 L 69.38 3.91 L 69.38 2.818 L 70.998 2.818 L 70.998 9.781 L 69.38 9.781 L 69.38 8.696 L 69.322 8.696 C 69.211 8.908 69.07 9.102 68.903 9.273 C 68.726 9.46 68.503 9.614 68.237 9.737 C 67.938 9.863 67.615 9.923 67.291 9.915 Z M 67.723 8.563 C 68.078 8.563 68.383 8.469 68.637 8.283 C 68.901 8.079 69.101 7.804 69.215 7.49 C 69.35 7.147 69.418 6.751 69.418 6.303 C 69.418 5.85 69.35 5.456 69.214 5.123 C 69.103 4.811 68.902 4.539 68.637 4.341 C 68.387 4.155 68.083 4.062 67.723 4.062 C 67.363 4.062 67.058 4.155 66.809 4.342 C 66.559 4.528 66.369 4.788 66.237 5.122 C 66.107 5.456 66.041 5.85 66.041 6.302 C 66.041 6.752 66.106 7.145 66.237 7.483 C 66.369 7.822 66.559 8.086 66.809 8.277 C 67.063 8.467 67.367 8.563 67.723 8.563 Z M 59.909 9.781 L 59.909 2.818 L 61.489 2.818 L 61.489 3.98 L 61.546 3.98 C 61.673 3.577 61.887 3.269 62.188 3.053 C 62.488 2.837 62.846 2.729 63.26 2.729 C 63.358 2.729 63.46 2.733 63.565 2.742 C 63.671 2.75 63.76 2.759 63.832 2.767 L 63.832 4.253 C 63.725 4.23 63.617 4.215 63.508 4.209 C 63.361 4.192 63.212 4.184 63.064 4.184 C 62.776 4.184 62.516 4.247 62.283 4.374 C 62.054 4.497 61.875 4.674 61.743 4.907 C 61.607 5.16 61.539 5.445 61.546 5.732 L 61.546 9.782 L 59.909 9.782 Z M 52.647 9.781 L 52.647 0.323 L 58.804 0.323 L 58.804 1.758 L 54.336 1.758 L 54.336 4.513 L 58.411 4.513 L 58.411 5.928 L 54.336 5.928 L 54.336 9.781 Z M 43.265 5.744 L 43.265 9.781 L 41.628 9.781 L 41.628 2.818 L 43.195 2.818 L 43.215 4.551 L 43.024 4.551 C 43.223 3.946 43.517 3.489 43.906 3.18 C 44.296 2.867 44.78 2.71 45.36 2.71 C 45.842 2.71 46.263 2.814 46.623 3.021 C 46.987 3.228 47.268 3.531 47.467 3.929 C 47.67 4.322 47.772 4.805 47.772 5.376 L 47.772 9.781 L 46.141 9.781 L 46.141 5.63 C 46.141 5.147 46.018 4.775 45.773 4.513 C 45.531 4.246 45.195 4.113 44.763 4.113 C 44.475 4.113 44.217 4.176 43.989 4.303 C 43.762 4.429 43.576 4.619 43.456 4.849 C 43.329 5.09 43.266 5.389 43.266 5.744 Z M 38.353 9.781 L 38.353 2.818 L 39.99 2.818 L 39.99 9.781 L 38.352 9.781 Z M 39.171 1.815 C 38.919 1.821 38.675 1.728 38.491 1.555 C 38.31 1.389 38.208 1.153 38.212 0.907 C 38.208 0.663 38.31 0.43 38.492 0.267 C 38.674 0.091 38.918 -0.005 39.171 0 C 39.438 0 39.664 0.088 39.851 0.266 C 40.041 0.44 40.136 0.653 40.136 0.907 C 40.136 1.161 40.041 1.377 39.85 1.555 C 39.667 1.728 39.423 1.821 39.171 1.815 Z M 30.741 9.927 C 30.043 9.927 29.44 9.779 28.932 9.483 C 28.426 9.185 28.018 8.746 27.758 8.22 C 27.488 7.678 27.352 7.048 27.352 6.328 C 27.352 5.618 27.487 4.988 27.758 4.443 C 28.015 3.917 28.415 3.475 28.913 3.167 C 29.408 2.858 29.986 2.704 30.646 2.704 C 31.095 2.704 31.514 2.78 31.903 2.932 C 32.293 3.079 32.646 3.308 32.938 3.605 C 33.234 3.901 33.464 4.272 33.629 4.715 C 33.799 5.155 33.883 5.67 33.883 6.258 L 33.883 6.748 L 28.083 6.748 L 28.083 5.629 L 33.066 5.629 L 32.316 5.946 C 32.316 5.553 32.251 5.21 32.12 4.918 C 32.005 4.641 31.811 4.404 31.561 4.238 C 31.316 4.074 31.015 3.991 30.66 3.991 C 30.34 3.983 30.024 4.069 29.752 4.239 C 29.498 4.404 29.303 4.629 29.168 4.912 C 29.032 5.213 28.965 5.54 28.971 5.87 L 28.971 6.62 C 28.971 7.047 29.043 7.413 29.187 7.717 C 29.335 8.017 29.545 8.248 29.816 8.409 C 30.086 8.566 30.404 8.644 30.768 8.644 C 31.018 8.644 31.242 8.608 31.441 8.536 C 31.634 8.467 31.809 8.356 31.955 8.212 C 32.099 8.072 32.205 7.906 32.272 7.711 L 33.782 7.921 C 33.684 8.313 33.488 8.673 33.212 8.968 C 32.932 9.268 32.581 9.503 32.158 9.672 C 31.707 9.847 31.226 9.934 30.742 9.926 Z M 22.312 9.915 C 21.777 9.924 21.251 9.774 20.801 9.483 C 20.361 9.191 20.016 8.776 19.766 8.239 C 19.516 7.701 19.392 7.059 19.392 6.309 C 19.392 5.552 19.519 4.904 19.772 4.367 C 20.027 3.829 20.374 3.419 20.814 3.135 C 21.254 2.852 21.751 2.71 22.305 2.71 C 22.682 2.71 23.001 2.771 23.264 2.894 C 23.53 3.013 23.748 3.164 23.918 3.351 C 24.091 3.533 24.228 3.721 24.33 3.916 L 24.381 3.916 L 24.381 0.323 L 26.019 0.323 L 26.019 9.781 L 24.413 9.781 L 24.413 8.689 L 24.343 8.689 C 24.233 8.904 24.091 9.101 23.923 9.273 C 23.734 9.468 23.51 9.626 23.263 9.737 C 23.001 9.855 22.684 9.915 22.312 9.915 Z M 22.737 8.563 C 23.092 8.563 23.397 8.469 23.651 8.283 C 23.915 8.079 24.115 7.804 24.229 7.49 C 24.364 7.147 24.432 6.751 24.432 6.303 C 24.432 5.85 24.364 5.456 24.229 5.123 C 24.118 4.811 23.917 4.539 23.651 4.341 C 23.385 4.151 23.064 4.053 22.737 4.062 C 22.41 4.053 22.089 4.152 21.823 4.342 C 21.573 4.528 21.383 4.79 21.252 5.128 C 21.118 5.505 21.054 5.903 21.062 6.303 C 21.062 6.751 21.127 7.145 21.258 7.483 C 21.389 7.822 21.58 8.086 21.829 8.277 C 22.079 8.467 22.381 8.563 22.737 8.563 Z M 14.352 9.915 C 13.817 9.924 13.291 9.774 12.841 9.483 C 12.405 9.191 12.061 8.776 11.806 8.239 C 11.556 7.701 11.432 7.059 11.432 6.309 C 11.432 5.552 11.559 4.904 11.812 4.367 C 12.071 3.829 12.42 3.419 12.86 3.135 C 13.3 2.852 13.797 2.71 14.352 2.71 C 14.728 2.71 15.048 2.771 15.31 2.894 C 15.577 3.013 15.797 3.164 15.97 3.351 C 16.144 3.533 16.281 3.719 16.383 3.91 L 16.44 3.91 L 16.44 2.818 L 18.059 2.818 L 18.059 9.781 L 16.44 9.781 L 16.44 8.696 L 16.383 8.696 C 16.272 8.908 16.131 9.102 15.964 9.273 C 15.786 9.46 15.564 9.614 15.298 9.737 C 14.999 9.863 14.676 9.923 14.352 9.915 Z M 14.783 8.563 C 15.139 8.563 15.443 8.469 15.697 8.283 C 15.951 8.093 16.144 7.828 16.275 7.49 C 16.41 7.147 16.478 6.751 16.478 6.303 C 16.478 5.85 16.41 5.456 16.275 5.123 C 16.164 4.811 15.963 4.539 15.697 4.341 C 15.447 4.155 15.143 4.062 14.783 4.062 C 14.423 4.062 14.119 4.155 13.869 4.342 C 13.608 4.543 13.41 4.813 13.298 5.122 C 13.167 5.456 13.101 5.85 13.101 6.302 C 13.101 6.752 13.167 7.145 13.298 7.483 C 13.429 7.822 13.62 8.086 13.869 8.277 C 14.123 8.467 14.428 8.563 14.783 8.563 Z M 0 9.781 L 0 0.323 L 2.507 0.323 L 4.322 5.236 C 4.382 5.418 4.452 5.646 4.532 5.922 C 4.612 6.197 4.695 6.493 4.779 6.811 C 4.864 7.124 4.942 7.428 5.014 7.725 C 5.09 8.017 5.154 8.273 5.204 8.493 L 4.843 8.493 C 5.045 7.633 5.267 6.778 5.509 5.928 C 5.589 5.648 5.662 5.418 5.725 5.236 L 7.509 0.323 L 10.023 0.323 L 10.023 9.781 L 8.347 9.781 L 8.347 4.989 C 8.35 4.443 8.358 3.897 8.372 3.351 L 8.398 2.38 C 8.406 2.054 8.412 1.743 8.417 1.447 L 8.563 1.447 C 8.473 1.773 8.379 2.107 8.277 2.45 L 7.979 3.446 C 7.886 3.764 7.795 4.056 7.706 4.322 C 7.636 4.546 7.561 4.768 7.483 4.989 L 5.719 9.781 L 4.303 9.781 L 2.513 4.989 L 2.291 4.329 C 2.198 4.04 2.107 3.75 2.018 3.459 L 1.713 2.469 C 1.613 2.129 1.514 1.788 1.415 1.447 L 1.593 1.447 C 1.597 1.73 1.603 2.035 1.612 2.361 C 1.62 2.682 1.627 3.006 1.631 3.332 C 1.639 3.654 1.646 3.958 1.65 4.246 C 1.658 4.534 1.663 4.781 1.663 4.989 L 1.663 9.781 Z\' fill=\'var(--1bd4d3i, rgb(0, 0, 0))\' height=\'9.927205036163329px\' id=\'LLqmOOyHA\' transform=\'translate(0 -0.25)\' width=\'95.65900006103517px\'/></svg>'), none;mask-mode:match-source, match-source;mask-position:50% 50%, 50% 50%;mask-repeat:no-repeat, no-repeat;mask-size: auto;width: 97px;flex: 0 0 auto;height:10px;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
                <!--/$-->
            </div>
            <div data-framer-name="Bottom" style="mask:linear-gradient(180deg, rgba(0,0,0,0) 65%, rgba(0,0,0,1) 100%) add;-webkit-mask:linear-gradient(180deg, rgba(0,0,0,0) 65%, rgba(0,0,0,1) 100%) add;border-bottom-left-radius:11px;border-bottom-right-radius:11px;border-top-left-radius:11px;border-top-right-radius:11px;box-shadow:inset 0px 0px 0px 1px rgb(0, 0, 0);opacity:0.06inset:0px;flex: 0 0 auto;overflow:visible;pointer-events:none;position:absolute;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
            <div data-framer-name="Border" style="border-bottom-left-radius:11px;border-bottom-right-radius:11px;border-top-left-radius:11px;border-top-right-radius:11px;box-shadow:inset 0px 0px 0px 1px rgb(0, 0, 0);opacity:0.04inset:0px;flex: 0 0 auto;overflow:visible;pointer-events:none;position:absolute;box-sizing:border-box;-webkit-font-smoothing:antialiased;"></div>
        </a>
        <!--/$-->
        <!--/$-->
        <!--/$-->
    </div>
</body>

</html>